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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 测试下返回值就知道了,replaceWith()返回的jQuery对象引用的是被删除的节点 ,replaceAll()返回的jQuery对象引用的是替换的节点. var result=$(".right > div:first p:eq(1)").replaceWith('<a>replaceWith替换第二段的内容</a>') alert(result.get(0).tagName)//返回值p var result=$('<a>replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last'); alert(result.get(0).tagName)//返回值A
    查看全部
  • 给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构,2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div> ==================传递回调函数与传递元素效果不同====================== $('p').wrapAll(function() { return '<div><div/>'; }) 以上的写法的结果如下,等同于warp的处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>
    查看全部
  • 与remove和empty不同,unwrap能够仅删除父元素而保留子元素
    查看全部
  • 将元素用其他元素包裹起来,也就是给它增加一个父元素,针对这样的处理,JQuery提供了一个wrap方法 .wrap( wrappingElement ):在集合中匹配的每个元素周围包裹一个HTML结构 $('p').wrap('<div></div>') $('a').wrap(function() { return '<div class="test"></div>'; })
    查看全部
  • $(A).replaceWith(B), 用B替换A $(A).replaceAll(B), 用A替换B 注意,替换的是节点,而不单单是文本内容 返回的jQuery对象引用的是被删除的节点
    查看全部
  • //**********clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据 //元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-09-07

  • empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • a.prepend(b): a中插入b,并b作为第一个元素 a.prependTo(b): a插入到b中,并且a作为第一个元素 a.append(b): a中插入b,并b作为最后一个元素 a.appendTo(b): a插入到b中,并且a作为最后一个元素
    查看全部
  • var p; p = $("p").detach() $("body").append(p);
    查看全部
  • 临时删除页面上的节点,但是又不希望节点上的数据与事件丢失,并且能在下一个时间段让这个删除的节点显示到页面,这时候就可以使用detach方法来处理 ****detach方法是JQuery特有的,只能处理通过JQuery的方法绑定的事件或者数据!!!! detach让一个web元素托管。即从当前页面中移除该元素,但保留这个元素的内存模型对象。 $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • 要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别 empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 //带参数的remove似乎不会把元素自身移除,此时效果相当于有选择性的empty?
    查看全部
  • empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 内部插入插入子节点,外部插入插入兄弟节点。
    查看全部
  • $body.on()是一个绑定事件,$body:是选择器,on()是一事件绑定的方法
    查看全部
  • .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面,内容作为参数,而.insertBefore()刚好相反,内容在方法前面,它将被放在参数里元素的前面 insertBefore/insertAfter不支持多参数
    查看全部

举报

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

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