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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • element.addEventListener(event, function, useCapture) javascript 原生方法 向指定元素添加事件句柄。 event : 要指添加的事件名, function : 指定要事件触发时执行的函数, useCapture : 指定事件是否在捕获或冒泡阶段执行 默认=false 事件句柄在冒泡阶段执行 querySelector() javascript 原生 CSS 选择器,方法返回文档中匹配指定 CSS 选择器的一个元素。 document.querySelector("#demo"); 按ID选择 document.querySelector(".demo"); 按类选择 document.querySelector("body"); 按元素选择
    查看全部
  • 添加子元素总结(内部操作): append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向迭代的dom元素
    查看全部
  • wrap()穿外套,wrapInner()穿内衣!
    查看全部
  • 创建为属性节点: 与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>") 我们通过jQuery把上一届的代码改造一下,如右边代码所示 一条一句就搞定了,跟写HTML结构方式是一样的 $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
    查看全部
  • .children() 找儿子 .find() 找后代 .parent() 找爸爸 .parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) .closest() 找长辈(从当前节点向上遍历,找到停止,返回零个或一个元素) .next() 找小弟 .prev() 找大哥 .siblings() 找兄弟
    查看全部
  • add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • DOM兄弟节点插入after()与before() 1.before与after都是用来对相对选中元素外部增加 相 邻 的兄弟节点 2.2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面 3.2个方法都支持多个参数传递after(div1,div2,....)
    查看全部
  • 向内部添加子元素: append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • jQuery中的DOM 操作 1.查找节点 2.插入节点 3.删除节点 4.复制节点 5.替换节点 6.包裹节点
    查看全部
  • jquery:append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
    查看全部

举报

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

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