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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 一个在前插入,一个在后插入
    查看全部
  • 插入节点 查找节点 替换节点 复制节点 删除节点 包裹节点
    查看全部
  • jquery节点创建与属性设置等
    查看全部
  • 与内部插入处理一样,jQuery由于内容目标的位置不同,然增加了2个新的方法insertAfter与insertBefore 选择器 描述 insertBefore 在目标元素前面插入集合中每个匹配的元素 insertAfter 在目标元素后面插入集合中每个匹配的元素 .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面,内容作为参数,而.insertBefore()刚好相反,内容在方法前面,它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是(插入)内容和目标的位置。 对于after()选择表达式在函数的前面,参数是将要插入的内容。对于 .insertAfter(), 刚好相反,内容在方法前面,它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外,后面的不支持多参数处理 注意事项: insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
    查看全部
  • 创建元素:document.createElement 设置元素:ssetAttribute 添加文本:innerHTML 加入文档:appendChlid
    查看全部
  • $("p:eq(1)") 现在第二个p元素
    查看全部
  • $("div").clone(true) clone方法中传人参数可使得元素结构和事件同时被克隆
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • detach()和remove()方法都可以对 元素进行删除,detach()方法更人性化,只是使得元素在页面中不显示,并且元素绑定的数据与事件不会消失
    查看全部
  • target 属性规定哪个 DOM 元素触发了该事件。e.target 是目标对象,e.event是目标所发生的事件。(e只是参数,随便取值 event.target.nodeName 目标对象的节点名称) 节点操作<br> 一、查找节点:<br> 二、插入节点:<br> append(),appendTo(),prepend(),prependTo() before(),after(),insertBefore(),insertAfter() 三、删除节点:<br> empty(),remove(),detach() 四、复制节点:
    查看全部
  • append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是要选择的对象
    查看全部
  • append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是要选择的对象
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • $('p').click(function(e) { alert(e.target.innerHTML) })
    查看全部
  • wrap()方法 $("p").wrap("<strong></strong>"); 结果: <strong> <p>first</p> </strong> <strong> <p>second</p> </strong> wrapAll()方法 $("p").wrapAll("<strong></strong>"); 结果: <strong> <p>first</p> <p>second</p> </strong>
    查看全部

举报

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

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