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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .add()将指定元素添加到匹配的元素集合中; 参数:可以几乎接受任何的$(),包括一个jQuery选择器表达式,DOM元素或 HTML片段引用。 动态创建p标签: $('li').add('<p>新的p元素</p>').appendTo(目标位置) 注意:此方法改变了元素本身的结构(添加了节点)
    查看全部
  • siblings():无参数 查找指定元素集合中每个元素的的兄弟元素 siblings():可接收参数(选择器),根据选择器筛选元素
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • .after(content);在指定元素后面插入content .before(content);在指定元素前面插入content
    查看全部
  • 总结就是: .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • prev():无参数 查找指定元素集合中每一个紧邻的前面的兄弟元素 prev():可接收参数(选择器),根据选择器筛选元素
    查看全部
  • next():无参数 查找指定元素集合中每一个紧跟着的兄弟元素 next():可接收参数(选择器),根据选择器筛选元素
    查看全部
  • 创建元素节点$("<div></div>") 创建文本节点$("<div>我是文本节点</div>") 创建属性节点$("<div id='test' class='aaron>我的文本节点</div>")
    查看全部
  • closest():从当前元素开始,逐级向上匹配,返回匹配的第一个祖先元素就停止 允许传入一个jQuery对象 colsest() 和 parents() 的区别 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • parents()无参数 查找祖辈元素 从最近的父级元素开始 parents()可接收参数(选择器),根据选择器筛选元素 注意: 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • .parent()无参数 查找合集中每一个元素的父元素 ,只会向上查找一级 .parent()可以接收参数(选择器表达式),根据选择器筛选元素
    查看全部
  • detach不会把相关元素的事件删除,在重新append后,事件可以再次使用
    查看全部
  • .find():查找后代元素,不包括自身 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点 3.必须有选择器表达式作为参数,通配符 * 查找所有后代元素
    查看全部
  • .children()无参数 查找直接子元素 .children(".selected")可接受参数(选择器),根据选择器筛选元素
    查看全部
  • .wrapInner( wrappingElement ) :给匹配元素的子元素增加一个包裹 <div>p元素</div> <div>p元素</div> $("div").wrapInner("<p></p>") <div> <p>p元素</p> </div> <div> <p>p元素</p> </div> .wrapInner( function ) :允许我们用一个callback函数做参数,每次遇到匹配元素时,该函数被执行,返回一个DOM元素,jQuery对象,或者HTML片段,用来包住匹配元素的内容
    查看全部

举报

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

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