为了账号安全,请及时绑定邮箱和手机立即绑定
  • querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素,如果没有匹配的元素则返回null。 //获取body元素 var body = document.querySelector("body"); //获取ID为myDiv的元素 var myDiv = document.querySelecotr("#myDiv"); //获取第一个包含类selected的元素 var selected = document.querySelector(".selected"); //获取第一个包含类button的图像元素 var img = document.body.querySelector("img.button"); 注意:querySelector() 是按css 规范实现的。如果同时获取id,id是以数字开头的,即获取不到。 getelementById()就可以获取到。
    查看全部
  • .wrapInner(wrappingElement):给html的文本内容添加一个包裹,如果原文本内容就将被一个标签包裹,则,原始的标签将成为父元素,被添加的包裹则为子元素(个人理解)。
    查看全部
  • .children() 找儿子 jQuerry-dom .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸 .wrapInner 加个儿子
    查看全部
  • .wrap 每个人加个爸爸 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记)
    查看全部
  • wrap 一个人加个爸爸 unwarp 给一个人去掉爸爸 warpAll(function(){}) 给一堆人找同一个爸爸 wrap()比如穿外套,wrapInner()就是穿内衣! 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记)
    查看全部
  • detach让一个web元素托管。即从当前页面中移除该元素,但保留这个元素的内存模型对象。 这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。 detach方法是JQuery特有的,所以它只能处理通过JQuery的方法绑定的事件或者数据
    查看全部
  • jQuery遍历之parent()方法 $("div").parent() // 查找div的父元素(不包括所有祖先) $("div").parent(":last") // 查找div的父元素,因为有很多个div,所以有很多个父元素,查找最后一个 $('ul .level-3').parent('li').css('border','3px solid red');//找到所有class=level-3的ul,找到它的父元素li,并且加上一个红色的边框 $('.item-a').parent(':last').css('border', '1px solid blue')//找到所有class=item-a的父元素,/然后给每个ul,然后筛选出最后一个,加上蓝色的边
    查看全部
  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了
    查看全部
  • after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • wrapAll() 1.给集合中的元素,一起增加一个爹 .wrapAll(wrappingElement) <p></p><p></p> $('p').wrapAll('<div></div>') p元素将整体增加一个父元素 2..wrapAll(function):单独处理每一个单独的元素 <p></p><p></p> $('p').wrapAll(function{ return '<div></div>';}) 给每一个P元素增加一个父元素
    查看全部
  • 1、区别 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。 2、对于两者区别的验证: 方法:alert是看不出来的,在js中使用console.log(),f12打开调试器,在Console里面查看 3、代码: <script type="text/javascript"> $("button:first").click(function() { x=$(".item-b").parents().css({"border":"1px solid red"}); y=$(".item-b").parent().css({"border":"1px solid green"}); console.log($( "html" ).parent()); console.log($( "html" ).parents()); }) </script> 4、效果 (1)、console.log($( "html" ).parent());后的效果 [document, prevObject: jQuery.fn.jQuery.init[1], context: document] 0: document context: document length: 1 prevObject: jQuery.fn.jQuery.init[1] __proto__: jQuery[0] (2)、console.log($( "html" ).parents());后的效果 [prevObject: jQuery.fn.jQuery.init[1], context: document] context: document length: 0 prevObject: jQuery.fn.jQuery.init[1] __proto__: jQuery[0]
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中 after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入 insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入,不支持多参数处理 insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入,不支持多参数处理
    查看全部
  • 记住:wrap()穿外套,wrapInner()穿内衣!
    查看全部
  • $("p").filter(":contains('3')").remove() .filter()是一个遍历方法,会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素;所有匹配该选择器的元素都会包含在结果中。而“:contains(‘3’)”是内容筛选选择器
    查看全部
  • 慕粉4004649 children():向下找儿子 parent():向上找爸爸 parents():向上找祖宗 find():向下找后代
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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