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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 定义和用法 each() 方法规定为每个匹配元素规定运行的函数。 提示:返回 false 可用于及早停止循环。 语法 $(selector).each(function(index,element)) 参数 function(index,element) 描述 必需。为每个匹配元素规定运行的函数。 index - 选择器的 index 位置 element - 当前的元素(也可使用 "this" 选择器)
    查看全部
  • 定义和用法 add() 方法用于向 <select> 添加一个 <option> 元素。 语法 selectObject.add(option,before) 参数 描述 option 必需。要添加选项元素。必需是 option 或 optgroup 元素。 before 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾。
    查看全部
  • .parents() 和 .closest() 区别 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • replaceWith()/replaceAll()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith()/replaceAll()方法替换后的节点 $(".bt1").on('click', function() { //找到内容为第二段的p元素 //通过replaceWith删除并替换这个节点 var result = $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替换第二段的内容</a>') return console.log(result) }) [p, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: ".right > div:first p:eq(1)"]
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中 after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入 insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入,不支持多参数处理 insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入,不支持多参数处理
    查看全部
  • 清空节点 empty()能清空元素中的所有后代节点 不能删除自己本身这个节点 移除节点 detach() 和 remove() 相同点 1.参数--支持选择器表达 2.元素自身被移除(无参数时),有参数时要根据参数所涉及的范围 detach() 和 remove() 不同点 detach()所有绑定的事件、附加的数据等都会保留下来
    查看全部
  • (index%2)==0 || 1 index%2的结果只有两个,即 0 和 1 if(0) // false 不执行 if (1) // true 执行 blue
    查看全部
  • DOM外部插入insertAfter()与insertBefore() insertAfter:在目标元素后面插入集合中每个匹配的元素 insertBefore:在目标元素前面插入集合中每个匹配的元素
    查看全部
  • 总结: 1、append()向每个匹配的元素内部追加内容 2、prepend()向每个匹配的元素内部前置内容 3、appendTo()把所有匹配的元素追加到另一个指定元素的集合中 4、prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • empty方法 •严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 •empty不能删除自己本身这个节点 remove方法 •该节点与该节点所包含的所有后代节点将同时被删除 •提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • $("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove(); 这三种方式结果是一样的,不过处理方式不一样 据资料显示在js中单引号和双引号都是一样的,只有碰到嵌套的时候才会同时用两种引号。即外面是单引号的时候里面就要用双引号,外面是双引号的时候里面就要用单引号,总之不能同时用双引号或者是单引号
    查看全部
  • 记住:wrap()穿外套,wrapInner()穿内衣!
    查看全部
  • prev()和next()相对的,一个是紧临的前一个元素同辈元素,一个是紧邻的后一个同辈元素
    查看全部
  • closest()便利元素从自己开始 parents()从父元素开始
    查看全部
  • after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入
    查看全部

举报

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

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