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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • jQuery遍历之each() each() 方法规定为每个匹配元素规定运行的函数。 提示:返回 false 可用于及早停止循环。 语法 $(selector).each(function(index,element)) 两个参数必需有。 index - 选择器的 index 位置 element - 当前的元素(也可使用 "this" 选择器)
    查看全部
  • add() 方法将元素添加到匹配元素的集合中。
    查看全部
  • appendTo()语法: appendTo(target) 把包装集里所有元素移动到指定目标的内容的末尾 参数 target (字符串|元素)一个包含jquery选择器的字符串,或一个DOM元素。包装集各元素将追加到target所指定的那个位置。如果多个元素与一个选择器字符串匹配,则包装集各元素将被复制并追加到与选择器匹配的每个元素。 如果目的地只标识一个目标元素,则元素被移动;如果目的地标识多个目标元素,则源元素留在原始位置,且被复制到每个目标元素。 新版本的jq都是移动,不论有多少个目标
    查看全部
  • $('.item-2').siblings(':last').css('border', '2px solid blue') 是最后一个 $('.item-2').siblings(':last-child').css('border', '2px solid blue')是最后一个集合
    查看全部
  • jQuery遍历之siblings() 快速查找指定元素集合中每一个元素的同辈元素
    查看全部
  • jQuery遍历之prev()方法 快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合
    查看全部
  • jQuery遍历之next()方法 快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合
    查看全部
  • jQuery遍历之closest()方法 .parents()和.closest()都是往上遍历祖辈元素,但是两者还是有区别的 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • prepend()语法:$(节点名).prepend('添加的内容') appendTo()语法:$('添加的内容').prependTo($('节点名'))
    查看全部
  • closet()与parents()相似都是查找祖辈元素,但closet()则是从自身开始查找,查找到一个符合条件的将立即停止,parents()从父辈开始查找,遍历所有根节点,查找所有符合条件的元素
    查看全部
  • .parent()只会查找一级父元素,而.parents()会查找祖辈元素
    查看全部
  • .children(selector)只能找到子元素,具有父辈关系的将无法找到
    查看全部
  • .wrapInner()将集合中所有的子元素用其他元素包裹起来
    查看全部
  • .wrapAll()给集合中匹配的元素增加一个外面包裹的html结构,而.wrapAll(fn)则对每一个匹配的元素单独增加一个父结构
    查看全部

举报

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

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