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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-07-23

  • after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
    查看全部
  • 为什么需要使用document.querySelector而不是使用$("body")呢? document.querySelector是为了获取body结点,为什么不使用$("body")呢? 2016-03-27 源自:jQuery基础修炼圣典—DOM篇... 2-1 165 浏览3 回答 最佳回答 2016-03-27 在本实例中没什么区别。 下面是我学习这节的总结,希望对你有用: 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()就可以获取到。
    查看全部
  • $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合
    查看全部
  • 注意:实 际上,一个Box中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个Box而言的。前面那个 span定义了一个60px的高度,但是这个span的Box中存在很多行,那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行, 需要给它定义一个line-height的属性,让line-height为60px,作用于一行的vertical-align就按你的想法工作了。
    查看全部
  • 为了防止"内存泄漏",所以前端开发者一定要注意,绑了多少事件,不用的时候一定要记得销毁
    查看全部
  • insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
    查看全部
  • 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • DOM节点的插入: 1)父元素的插入 append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。 示例:$(".content").append('<div class="append">通过append方法添加的元素</div>') $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content") 2)兄弟节点之间的插入 after:.after(content)在匹配元素集合的每一个元素后面插入指定内容,作为兄弟节点; before:.before(content)在匹配元素的前面插入内容;
    查看全部
  • append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是要选择的对象
    查看全部
  • siblings()用于查找同个父类下所有兄弟节点
    查看全部
  • prev()是下一个
    查看全部
  • next()下一个元素
    查看全部
  • .wrapAll( 标签 ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象,给大家一个父类 通过回调的方式可以单独处理每一个元素 wrapAll(function)=wrap 每人一个父类
    查看全部

举报

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

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