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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 发现一个问题,若给siblings函数提供一个选择器参数,这个选择器会同时作用于siblings的调用者以及其兄弟元素
    查看全部
  • $("div").find("li")find是在所有div标签的子元素中寻找所有的li,不包括div $("div").filter(".div")filter是在所有的div标签集合中过滤寻找包括div
    查看全部
  • DOM节点删除之empty和remove区别 要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别 empty方法 1、严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 2、empty不能删除自己本身这个节点 remove方法 1、该节点与该节点所包含的所有后代节点将同时被删除 2、提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • 操作$("li").css('') 给所有的li设置style值,因为jQuery是一个合集对象,所以css方法内部就必须封装一个遍历的方法,被称为隐式迭代的过程。其实这个过程也是通过each each是一个for循环的包装迭代器。 但有些情况需要加入each()如下是不成立的。 $("li").on("click",function(){ alert($(this).text()) }) 可以用事件委托实现
    查看全部
  • .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同 对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数 而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • add就是在已获得的元素集合中加入新的元素集合变成并集
    查看全部
  • appendTo()可以将已有的元素追加到另一个元素集合后面,但原来的元素会被移除,且此次追加可以保留原有元素的事件 $("h2").on("click",function(){ alert("hahahah"); }) $('h2').appendTo($(".content"))
    查看全部
  • 浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 只能匹配到最近的父元素
    查看全部
  • children是在第一子代中查找,find在所有后代中查找
    查看全部
  • 1、 wrap是针对单个dom元素处理,如果要将集合中的元素用其他元素包裹起来,也就是给他们增加一个父元素,针对这样的处理,JQuery提供了一个wrapAll方法. 2、 .wrapAll( function ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象,通过回调的方式可以单独处理每一个元素 $('p').wrapAll(function() { return '<div><div/>'; }) 以上的写法的结果如下,等同于warp的处理了
    查看全部
  • clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容,如右边代码我 $(this).clone().css('color','red') 增加了一个颜色 通过传递true,将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据 元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2017-08-23

  • 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。如把p删除了但p上的onclick事件仍然保留,下次再添加时仍然存在。
    查看全部
  • if (!$("p").length) return;判断p标签是否已经被删除完若长度为零则直接返回; p = $("p").detach();保存在var p中,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。如把p删除了但p上的onclick事件仍然保留,下次再用var p添加时仍然存在。
    查看全部

举报

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

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