为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(二)—DOM篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • 任务是:找到所有class=item-2的li,然后给每个li加上红色的边 $('li.item-1').next().css('border','1px solid red'); 通过next匹配合集中每一个元素的下一个兄弟元素,我这样理解的话是否正确?
    查看全部
  • ar $body = $('body'); $body.on('click','button',function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) 其实在on括号里面的click后面加上"button"就可以指定触发事件的元素了
    查看全部
  • 这节: .parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) 之前的: .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸 .wrapInner 加个儿子 .children() 找儿子 .find() 找后代 .parent() 找爸爸
    查看全部
  • <script type="text/javascript"> var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) </script>
    查看全部
  • 这节: .detach() 隐身 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .empty 身体被掏空 .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .empty()身体被掏空 .remove 自杀
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 通过empty移除了当前div元素下的所有p元素 但是本身id=test的div元素没有被删除
    查看全部
  • after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 处理一:传递选择器 $('li').add('p') 处理二:传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 还有一种方式,就是动态创建P标签加入到合集,然后插入到指定的位置,但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(目标位置) 码
    查看全部
  • e.target是获取事件源的意思,就是具体你点击的是哪个标签
    查看全部
  • add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • .next()和.prev()方法传入选择器,筛选的是合集中的元素而不是选择的元素
    查看全部
  • 感觉这样写对于我来说好理解一点,,$('.item-2:first').next().css('border', '1px solid blue')
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的语法 2、jQuery节点操作
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!