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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 如果不通过remove方法删除这个节点其实也很简单,但是同时需要把事件给销毁掉,这里是为了防止"内存泄漏",所以前端开发者一定要注意,绑了多少事件,不用的时候一定要记得销毁 通过remove方法移除div及其内部所有元素,remove内部会自动操作事件销毁方法 remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点 我们可以通过$()选择一组相同的元素,然后通过remove()传递筛选的规则,从而这样处理
    查看全部
  • .empty()删除子元素和后代元素 .remove()删除包括自身元素及后代,移除绑定事件和jQuery数据 $("#test").empty()改为$("#test").html("");这样写有区别吗 是没有区别的,网页中F12调试可以比较发现,两种方法都是删除了test内部的所有html代码
    查看全部
  • insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
    查看全部
  • .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面,内容作为参数,而.insertBefore()刚好相反,内容在方法前面,它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是(插入)内容和目标的位置。 对于after()选择表达式在函数的前面,参数是将要插入的内容。对于 .insertAfter(), 刚好相反,内容在方法前面,它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外,后面的不支持多参数处理
    查看全部
  • .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同 对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数 而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • remove()函数会移除文档中匹配的元素,但不会将匹配元素从jQuery对象中移除,不过remove()只会保留元素本身,其他的诸如元素所关联的附加数据和绑定事件等都会被移除。 remove()函数的返回值为jQuery类型,返回当前jQuery对象本身。 所以remove()是有返回值的!!!!!!!!
    查看全部
  • !是布尔操作符‘逻辑非’,逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。 当!后面跟的操作数是 0,null,false,NaN,undefined,空字符串 其中之一时,最终都会返回true;当操作数是 一个对象,一个非空字符串,任意非0数值 时则返回false。
    查看全部
  • 与before after不同之处是不支持多参数
    查看全部
  • 内部是插入子代,外部是插入兄弟关系的
    查看全部
  • 原生js动态创建节点: 1.创建元素:var father=document.createElement("div"); var son=document.createElement("div"); 2.设置属性:father.setAttribute("class","right"); son.className("aaron"); 3.添加文本: son.innerHTML="动态创建节点"; 4.加入文档:father.appendChild(son); 创建点击事件的监听器:document.addEventListener("click",function());
    查看全部
  • insertBefore和insertAfter不支持多参数处理,用的时候插入对象和被插入对象所在位置与before、after相反。
    查看全部
  • add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • /找到所有p元素,然后筛选出子元素是span标签的节点,改变其字体颜色 // $("span" ,"p").css("color","red"); //$("p").find("span").css("color","red"); $("p span").css("color","red");
    查看全部
  • 1.$('p').wrap('<div>')。。 2.$('p').wrap('<div/>')。。 3.$('p').wrap('<div></div>')。。 以上三种写法都可以。 但若写成$('p').wrap('div'),它就会将你文档中的第一个div元素(也就是那个.left)作为包裹元素。。。。。
    查看全部

举报

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

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