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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • wrapAll(),给大家一个爸爸。 wrapAll(),给大家各自一个爸爸。//此时和wrap没区别
    查看全部
  • replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 返回的jQuery对象引用的是被删除的节点,而不是通过replaceWith/replaceAll方法替换的节点
    查看全部
  • on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。 注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。 提示:如需移除事件处理程序,请使用 off() 方法。 提示:如需添加只运行一次的事件然后移除,请使用 one() 方法
    查看全部
  • 选择器 context 是由 .find() 方法实现的;因此,$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii')。
    查看全部
  • 与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。
    查看全部
  • insertAfter和after————实现的功能一样,只是insertAfter放的位置与after不一样,insertAfter是内容在前,目标元素在后;after的是目标元素在前,内容在后面 insertBefore和before————实现的功能一样,也是位置不同,同上
    查看全部
  • append() 前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo(前面是要插入的元素内容,而后面是要选择的对象 after 向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before 向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中 insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • add()将元素追加到匹配元素集合中 例子:同时选择两个id对象 当用jQuery要选择demo1标签时,会用到下面代码:$('#demo1"); 当用jQuery选择demo1和demo2,不要告诉我用$('div')。 这时就要用到标题中提到的方法,jQuery add方法:追加标签。 代码如下 $('#demo1").add('#demo2");
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • empty方法 •严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 •empty不能删除自己本身这个节点 remove方法 •该节点与该节点所包含的所有后代节点将同时被删除 •提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • 通过empty移除了当前div元素下的所有p元素 但是本身id=test的div元素没有被删除
    查看全部
  • 创建元素:document.createElement •设置属性:setAttribute •添加文本:innerHTML •加入文档:appendChild
    查看全部
  • remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。
    查看全部
  • 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部

举报

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

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