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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .add()的参数可以几乎接受任何的$(),包括一个jQuery选择器表达式,DOM元素,或HTML片段引用。 add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • 如果想快速查找指定元素集合中每一个元素的同辈元素,此时可以用siblings()方法 注意:jQuery是一个合集对象,所以通过siblings是匹配合集中每一个元素的同辈元素 sibings找到的是所有的同辈元素,而不是相邻的前后同辈
    查看全部
  • jQuery遍历子节点方法
    查看全部
  • 如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,此时可以用prev()方法 注意:jQuery是一个合集对象,所以通过prev是匹配合集中每一个元素的上一个兄弟元素
    查看全部
  • 查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合,此时可以用next()方法 注意:jQuery是一个合集对象,所以通过next匹配合集中每一个元素的下一个兄弟元素
    查看全部
  • closest()方法接受一个匹配元素的选择器字符串 从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素 closest()方法给定的jQuery集合或元素来过滤元素 注意: 粗看.parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • parent只会查找一级,parents则会往上一直查到查找到祖先节点 返回的元素秩序是从离他们最近的父级元素开始的 parents()无参数 parents()方法选择性地接受同一型选择器表达式 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • parent()方法 因为是父元素,这个方法只会向上查找一级 注意:jQuery是一个合集对象,所以通过parent是匹配合集中每一个元素的父元素 parent()方法选择性地接受同一型选择器表达式
    查看全部
  • index % 2 值为0 //b\不执行 值为1 //偶数执行
    查看全部
  • $('li').add('<p>lala<p>').appendTo($('.right')) li和p插入到.right后面
    查看全部
  • .wrap 每个人加个爸爸 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记)
    查看全部
  • .closest() 匹配集合中每一个元素的祖先元素
    查看全部
  • wrapInner() 给集合匹配元素的内部增加包裹html结构
    查看全部
  • .wrapAll() 给集合中匹配的元素增加一个包裹的html元素
    查看全部
  • unwarp() 删除父元素的包裹
    查看全部

举报

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

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