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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .add(selecter) 只是将后面的元素加入到前面的集合中,并不代表改变了html的结构。 而appendTo之后,集合会添加到目标html元素下,如果集合中元素本来就存在于html中,则会被移动,这个要特别注意。
    查看全部
  • parent() 找出直接的父节点 parents() 找出所有的先辈节点 括号中都可以带一个选择器表达式
    查看全部
  • $('.item-a').parent(':last').css('border', '1px solid blue') 等价于 $('.item-a').parent().filter(':last').css('border', '1px solid blue')
    查看全部
  • //改变其字体颜色 var $spans = $('span'); $("p").find($spans).css('color', 'red'); 上面这个写法有点不常见,一般这么写: $("p").find('span').css('color', 'red');
    查看全部
  • .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面,内容作为参数,而.insertBefore()刚好相反,内容在方法前面,它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是(插入)内容和目标的位置。 对于after()选择表达式在函数的前面,参数是将要插入的内容。对于 .insertAfter(), 刚好相反,内容在方法前面,它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外,后面的不支持多参数处理
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • replaceWith(html)和replaceAll(html)方法的参数不同
    查看全部
  • $("button:first").on('click', function() { //删除整个 class=test1的div节点 $(".test1").remove() }) $("button:last").on('click', function() { //找到所有p元素中,包含了3的元素 //这个也是一个过滤器的处理 $("p").remove(":contains('3')") })
    查看全部
  • .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。
    查看全部
  • jQuery创建节点 $("<div></div>") $("<div>我是文本节点</div>") $("<div id='test' class='aaron'>我是文本节点</div>") $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
    查看全部
  • DOM操作动态添加节点
    查看全部
  • 注意: $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • jQuery遍历之parents()方法: parents()方法,匹配合集中所有元素的祖辈元素。 parents()方法选择性地接受同一型选择器表达式。 返回的元素秩序是从离他们最近的父级元素开始的 也类似find与children的区别,parent只会查找一级,parents则会往上一直查到查找到祖先节点
    查看全部

举报

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

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