为了账号安全,请及时绑定邮箱和手机立即绑定
  • 利用javaScript在页面创建节点元素大致分 1.创建节点元素 document.createElement 2.设置属性 setAttribute 3.加入文档中展示 appendChild
    查看全部
  • next()只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素(可以使用nextAll)。
    查看全部
  • closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。 closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;3,前者返回0或1个元素,后者可能包含0个,1个,或者多个元素。 closest对于处理事件委托非常有用。 .closest( selectors [, context ] )方法从 jQuery 1.7 开始,不再建议使用该方法,但是 jQuery 1.7 之前仍然可以使用。该方法将主要用于 jQuery 内部或插件作者使用。
    查看全部
  • parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点 filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合 find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
    查看全部
  • .replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 返回的jQuery对象引用的是被删除的节点,而不是通过replaceWith/replaceAll方法替换的节点
    查看全部
  • clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据。 如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了 $("div").clone() //只克隆了结构,事件丢失 $("div").clone(true) //结构、事件与数据都克隆
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • 通过detach方法删除元素只是页面不可见,但是这个节点还是保存在内存中数据与事件都不会丢失,detach方法是JQuery特有的,所以它只能处理通过JQuery的方法绑定的事件或者数据。
    查看全部
  • empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合 find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • each() $("li").each(function(index) { if (index % 2) { $(this).css('color','blue') } })
    查看全部
  • next()方法下一个 $('.item-2').next().css('border', '1px solid red')//找到所有class=item-2的li 然后给每个li加上红色的边 $('.item-2').next(':first').css('border', '1px solid blue') }) //找到所有class=item-3的li //然后给每个li,然后筛选出第一个,加上蓝色的边
    查看全部
  • parent()方法<br><br> 因为是父元素,这个方法只会向上查找一级<br><br> $('.level-3').parent('li').css('border', '1px solid red')<br> <br> $('.item-a').parent(':last').css('border', '1px solid blue'); parents()方法<br> 往上一直查到查找到祖先节点 $("html").parents('.first-div').css('border', '2px solid blue')
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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