为了账号安全,请及时绑定邮箱和手机立即绑定
  • jQuery遍历之parent()方法 $("div").parent() // 查找div的父元素(不包括所有祖先) $("div").parent(":last") // 查找div的父元素,因为有很多个div,所以有很多个父元素,查找最后一个
    查看全部
  • 创建元素:document.createElement 设置元素:setAttrbute 添加文本:innerHTML 加入文档:appendChild 获取元素:document.getElementById(); 获取元素属性:document.getElementById().className();
    查看全部
  • DOM节点删除之empty()的基本用法 $('div').empty() // 清空其中的所有的子节点,不清除自己
    查看全部
  • 这节: .unwrap 爸爸没了 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸
    查看全部
  • .wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深,但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集,以便之后使用链式方法。
    查看全部
  • DOM包裹unwrap()方法 我们可以通过wrap方法给选中元素增加一个包裹的父元素。相反,如果删除选中元素的父元素要如何处理 ? jQuery提供了一个unwarp()方法 ,作用与wrap方法是相反的。将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置。 看一段简单案例: <div> <p>p元素</p> </div> 我要删除这段代码中的div,一般常规的方法会直接通过remove或者empty方法 $('div').remove(); 但是如果我还要保留内部元素p,这样就意味着需要多做很多处理,步骤相对要麻烦很多,为了更便捷,jQuery提供了unwarp方法很方便的处理了这个问题 $('p').unwarp(); 找到p元素,然后调用unwarp方法,这样只会删除父辈div元素了 结果: <p>p元素</p> 这个方法比较简单,也不接受任何参数,注意参考下案例的使用即可
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象 append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
    查看全部
  • .replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点。是什么意思? x=5,y=4 , x.replaceWith(y) 显示的是4,但是他的变量依旧是x,y只是把值给了x,并没有插入新的元素。这叫分离DOM元素,1.4的JQ中before()和after()都可以分离DOM元素。希望能看懂。。。虽然写的不是很科学 不过就是这么个意思。 replaceWith()返回的jQuery对象引用的是被删除的节点 ,replaceAll()返回的jQuery对象引用的是替换的节点 测试返回值: var result=$(".right > div:first p:eq(1)").replaceWith('<a>replaceWith替换第二段的内容</a>') alert(result.get(0).tagName)//返回值p var result=$('<a>replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last'); alert(result.get(0).tagName)//返回值A
    查看全部
  • console.log(1)是i什么意思? 控制台指令,是做网页测试的时候控制台的代码,并不影响页面,暂时可以不用理会,但是想要测试自己的网页bug时,建议学学 这里为什么一定要用this? $(".left").append($(this).clone().css("color","red")) 我用 $(".left").append($(".aaron1").clone().css("color","red"))为什么不可以 this在这里不仅仅是指代aaron1它还有一层意思是指代,onclick这个行为下的aaron1,如果你只用aaron1,那么得到的结果会是错的,因为从第二次点击开始,class=aaron1的元素变成了两个,那么这时候就复制两个并添加到div里面,第三次点击就变成了8个,以此类推。但是你要达到的效果是每次点击就克隆一个,所以需要用this表明我要复制的是这个我附加了点击事件的class=aaron1的元素,而不是所有的class=aaron1的元素 关于深复制和浅复制问题:元素数据内对象和数组不会被复制 基于元素数据内对象和数组不会背复制的问题:原对象:obj 浅复制对象: obj1 深复制对象:obj2 因为js对象都是存地址的,浅复制想到于复制了原对象的引用,也就是 obj1 = obj,即obj和obj1指向同一地址空间,改变一个势必改变另外一个。 深复制,就是重新创作一个新地址空间,然后吧obj的所有内容一项一项的复制到新地址空间,obj != obj2,修改其中任何一个,不影响另外一个。
    查看全部
    1 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • .empty()删除子元素和后代元素 .remove()删除包括自身元素及后代,移除绑定事件和jQuery数据 $("#test").empty()改为$("#test").html("");这样写有区别吗 是没有区别的,网页中F12调试可以比较发现,两种方法都是删除了test内部的所有html代码
    查看全部
  • .children() 找儿子 之前的: .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸 .wrapInner 加个儿子
    查看全部
  • 这节: .unwrap 爸爸没了 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸
    查看全部
  • 外部插入: 1.insertBefore:在目标元素前面插入集合中每个匹配的元素;若前面有元素,则将元素前移之后再将对象插入;不支持对象处理。 2.inserAfter:在目标元素后面插入集合中每个匹配的元素,若后面有元素,则将元素后移之后再将对象插入;不支持多对象处理。 3.before()和insertBefore():前者是表达式在函数前面,内容在后面; 后者是内容在方法前面; 4.after()和insterAfter():前者是选择表达式在函数的前面,参数是将要插入的内容; 后者是内容在方法前面,
    查看全部

举报

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

微信扫码,参与3人拼团

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

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