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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • 这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • parent()方法,匹配合集中每一个元素的父元素 parent()方法选择性地接受同一型选择器表达式
    查看全部
  • $('div').wrapInner('<p></p>') 最后的结构,匹配的di元素的内部元素被p给包裹了
    查看全部
  • 范米粒 wrap()和wrapAll()的区别 1.wrap()是给每个元素都增加包裹层:例如:两个P标签,则$("p").wrap("<div></div>")表示两个P标签分别包裹各自的包裹层,而wrapAll()表示对两个p标签只增加一个父包裹层,即$("p").wrapAll("<div></div>");将两个p标签都是div的后代 2.党wrapAll()参数中放的是回调函数时,其作用跟wrap一样
    查看全部
  • •.replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 •.replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 •.replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 •.replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点 [ 查看全文 ]
    查看全部
  • •.replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 •.replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 •.replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 •.replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点
    查看全部
  • clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了 clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容,如右边代码我 $(this).clone().css('color','red') 增加了一个颜色 通过传递true,将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据 元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-12-14

  • detach和remove的返回值。 detach和remove都会返回“删除掉的节点”,区别是remove的返回值不会有事件
    查看全部
  • 不是太懂
    查看全部
  • http://libs.baidu.com/jquery/1.9.1/jquery.js
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-12-14

  • <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>就可以了
    查看全部
  • 效果没显示出来
    查看全部
  • $body.on()是一个绑定事件,$body:是选择器,on()是一事件绑定的方法
    查看全部

举报

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

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