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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • if (!$("p").length) return;代表: if (!$("p").length) { return; } $("p").length返回的值为 0 . if()括号中都会转换成布尔值, 0为false 1为true ,所以!$("p").length表示的是 没有p元素时true 这时 return 结束函数 不执行下面代码 。保证没有p元素时不执行detach()
    查看全部
  • DOM节点删除之保留数据的删除操作detach(): detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素,但保留这个元素的内存模型对象。 ps:这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • DOM节点删除之empty和remove区别: empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • DOM节点删除之remove()的有参用法和无参用法: ps:remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点 例如:$("p").filter(":contains('3')").remove()
    查看全部
  • 节点删除之empty(): 这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。 如果我们通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中(它本身不会被清除,只清除内部)
    查看全部
  • 外部插入insertAfter()与insertBefore(): 个人理解:(内容参数).insertBefore(元素内) (元素).Before(内容参数) 1:.before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面,内容作为参数,而.insertBefore()刚好相反,内容在方法前面,它将被放在参数里元素的前面 2:.after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是(插入)内容和目标的位置。 对于after()选择表达式在函数的前面,参数是将要插入的内容。对于 .insertAfter(), 刚好相反,内容在方法前面,它将被放在参数里元素的后面 ps:before、after与insertBefore。insertAfter的除了目标与位置的不同外,后面的不支持多参数处理
    查看全部
  • prepend()与prependTo(): 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容(个人觉得对象添加内容,一般在尾部) prepend()向每个匹配的元素内部前置内容(对象添加内容,一般在最前面) 通过右边代码可以看到prepend与prependTo的使用及区别: .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同 对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数 而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。 appendTo()把所有匹配的元素追加到另一个指定元素的集合中(要的内容添加到对象盒子后面尾部) prependTo()把所有匹配的元素前置到另一个指定的元素集合中(把内容添加对象盒子的前面)
    查看全部
  • before 与after:(2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码) 注意点: after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • append与appendTo: .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 创建元素节点: $("html结构")例如:$("<div>我是文本节点</div>")
    查看全部
  • querySelector:返回匹配指定选择器的第一个元素 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    查看全部
  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素,但保留这个元素的内存模型对象。 detach方法是JQuery特有的,所以它只能处理通过JQuery的方法绑定的事件或者数据
    查看全部

举报

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

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