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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 选择器 描述 append(content) 向每个匹配的元素内部追加内容 appendTo(content) 把所有匹配的元素追加到另一个,指定的元素元素集合中 appent()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码 注意点: after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> 替换上就能正常测试了
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • parent() 找出直接的父节点 parents() 找出所有的先辈节点 括号中都可以带一个选择器表达式
    查看全部
  • 简单的总结就是: .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • http://img1.sycdn.imooc.com//56cc12f800017b4104480146.jpg
    查看全部
  • closest()和parents()的区别 1.closest()必须有参数,从当前节点往上查找,直到查找到匹配的元素集合就停止,返回结果包含零个或一个元素的jQuery对象 2.parents()可以没有参数,从改节点的父节点往上查找。返回的是包含零个,一个或多个jQuery对象
    查看全部
  • 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
    查看全部
  • children()和find()的区别 1.children()是找到父子关系,不包含后代,find()是找到包含父子关系和后代的方法
    查看全部
  • .closest(),首先从本身开始向上匹配,若匹配到符合要求的第一个,即停止匹配。 .parents(),从元素父级一直向上匹配,找出所有匹配的符合要求元素。
    查看全部
  • wrap()和wrapAll()的区别 1.wrap()是给每个元素都增加包裹层:例如:两个P标签,则$("p").wrap("<div></div>")表示两个P标签分别包裹各自的包裹层,而wrapAll()表示对两个p标签只增加一个父包裹层,即$("p").wrapAll("<div></div>");将两个p标签都是div的后代 2.党wrapAll()参数中放的是回调函数时,其作用跟wrap一样
    查看全部
  • DOM节点删除之empty和remove区别 1.empty()清空元素的所有后代节点,不包括自己 2.remove([expr])删除包括自己在内的所有元素节点和其后代节点,有可选参数,参数可以过滤要删除的内容。例如:$('#test').remove(':contains('3')')。或者$("p").filter(":contains('3')").remove()将包含内容3的节点删除 empty(),remove()同时删除元素上的事件
    查看全部

举报

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

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