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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .replaceAll()和replaceWith()功能类似,主要是目标和源的位置的区别 .replaceWith()与replaceAll()方法会删除与节点相关联的所有数据和事件处理程序 .replaWith()方法,和大部分其他jQuery方法一样,返回Jquery对象,所以可以和其他方法链接使用 返回的jquery对象引用的是被删除的节点,而不是通过replaceWith/replaceAll方法替换的节点
    查看全部
  • .clone()方法深度,复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone()方法比较简单就是节点克隆,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据一并克隆了 例如:$("div").clone() //只克隆了结构,事件丢失 $("div").clone(true)//结构、事件与数据都克隆了
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • 保留数据的删除操作detach() 这个方法不会把匹配的元素从jquery对象中删除,因而可以在将来再使用这些匹配元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 $("div").detach()这一句会移除对象,仅仅是显示效果没有了,但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了
    查看全部
  • remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jquery数据 remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点
    查看全部
  • empty()清空方法,但是与删除又有点不一样,因为它只移除了指定元素中的所有节点,这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为根据说明,元素里面任何文本字符串都被看做是该元素的子节点
    查看全部
  • before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。对于befroe()选择表达式在函数前面,内容作为参数。而.insertBefore()刚好相反,内容在方法前面,它将被放到参数里元素的前面。同理insertAfter()。 before,after与insertBefor,insertAfter的除了目标位置不一样,后面的不支持多参数处理 insertAfter将jquery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将jquery对象插入 insertBefore将jquery封装好的元素插入到指定元素的前面,如果前面有元素了,那将前面的元素前移,然后将jqeury对象插入
    查看全部
  • append( )向每个匹配的元素内部追加内容,作为匹配元素的最后一个子元素 prepend( )向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • wrapAll()将所有匹配的元素用一个元素包裹,但它也可以通过回调的方式可以单独处理每一个元素,那样子就相当于wrap() 其实这是跟它的原意是相违背的,jQuery3.0之后的版本做出了修正。
    查看全部
  • 那个说if (!$("p").length) return删掉了也不影响这个例子的运行的朋友 这句话是当你点击bt1的时候判断p有没有长度,也就是还有没有p元素,如果没有.length为0也就是false再加!就是true直接运行return 不运行下面的p = $("p").detach() 这样会避免当你连续点两次bt1时候重复给p赋值,这时再点bt2就加不回来p了
    查看全部
  • a.prepend(b): a中插入b,并b作为第一个元素 a.prependTo(b): a插入到b中,并且a作为第一个元素 a.append(b): a中插入b,并b作为最后一个元素 a.appendTo(b): a插入到b中,并且a作为最后一个元素
    查看全部
  • 外部插入的处理,也就是兄弟之间的关系处理。<br> .after(content):在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点。<br> .before(content):据参数设定,在匹配元素的前面插入内容。<br> 2个方法都是可以接收HTML字符串,DOM元素,元素数组,后者jquery对象,用来插入到集合中每个匹配元素的前面或者后面;2个方法都支持多个参数传递after(div1,div2,...)<br> <br> 注意:after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入;before同理
    查看全部
  • parents()和.closest()的区别: 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素。 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合。 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。
    查看全部
  • .wrapAll( function ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象。通过回调的方式可以单独处理每一个元素。 以上面案例为例, $('p').wrapAll(function() { return '<div><div></div>'; }) 以上的写法的结果如下,等同于warp的处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>
    查看全部
  • clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了。
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-08-16

举报

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

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