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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点
    查看全部
  • 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • 一者乎 记住:wrap()穿外套,wrapInner()穿内衣!
    查看全部
  • 注意: .wrapAll()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套多层,但是最内层只能有一个元素。所有匹配元素将会被当作是一个整体,在这个整体的外部用指定的 HTML 结构进行包裹。
    查看全部
  • 注意: .wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深,但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集,以便之后使用链式方法。
    查看全部
  • .replaceAll()和.replaceWith()功能类似,但是目标和源相反,用上述的HTML结构,我们用replaceAll处理
    查看全部
  • .wrap 每个人加个爸爸 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记)
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素
    查看全部
  • 快速查找指定元素集合中每一个元素的同辈元素,此时可以用siblings()方法
    查看全部
  • 查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合,此时可以用next()方法
    查看全部
  • parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 请在右边代码区域的第76行填入任务代码 找到所有class=level-3的ul 找到它的父元素li,并且加上一个红色的边框 $('.level-3').parent().css('border', '1px solid red')
    查看全部
  • .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点
    查看全部
  • index%2的意思在这里是得到的结果余数为1 则表示if语句是成立的,则执行下面的循环,index从0开始索引,0代表的就是第一行 0是偶数,所以0%2余数是0,则这个循环不支持 所以第一行没有变蓝。余数为0 if返回false,余数是1 if返回true 所以执行下面的css样式 第一行变蓝。其实很简单,!index%2 这个结果出来的是只有第一行变成蓝色,说明。完了 刚才好像明白了但是现在又搞不懂了。
    查看全部
  • 明白了 $("li").add("p")的意思就是先取出li的元素集合给一个css样式,这个时候把带有p元素的标签也加到这个集合中去 ,所以你会发现带有P的标签全部都有了背景色。如果把p变成b 那么带p的统统都不会有背景色。 appendTo的意思就是把选定的元素的集合领出来,不是复制,相当于剪切,然后在取出的集合上加入自己的元素放在指定的地方。
    查看全部

举报

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

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