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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 删除节点的方法一: 1.$('.class').empty():删除指定元素中的所有子节点; 2.$('#id').empty():删除指定元素中的所有子节点;
    查看全部
  • index取的是li合集的索引号,index%2,%是取余数操作符,index是从0开始,0%2得0证明 if(0)为假,相应li不做操作,1%2得1说明if(1)是真,对应li做以下操作。因为索引下标都是从0开始的,所以第一个为false,第二个才为ture,所以就是现实找偶数的功能。
    查看全部
  • %是什么意思? 取余 1%2=1 2%2=0 3%2=1
    查看全部
  • 外部插入: 1.insertBefore:在目标元素前面插入集合中每个匹配的元素;若前面有元素,则将元素前移之后再将对象插入;不支持对象处理。 2.inserAfter:在目标元素后面插入集合中每个匹配的元素,若后面有元素,则将元素后移之后再将对象插入;不支持多对象处理。 3.before()和insertBefore():前者是表达式在函数前面,内容在后面; 后者是内容在方法前面; 4.after()和insterAfter():前者是选择表达式在函数的前面,参数是将要插入的内容; 后者是内容在方法前面,
    查看全部
  • if (index % 2)给奇数添加样式, if(index%2==0)给偶数添加样式
    查看全部
  • $body:是选择器 on()是一事件绑定的方法 $body.on('click', function()...)
    查看全部
  • 创建节点及其属性: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • 内部操作: 1.prepend():向每个匹配的元素内部前置内容,作为它的第一个元素; 2.preoendTo():把所有匹配的元素前置到另一个指定的元素集合中; 3.append():向每个匹配的元素内部追加内容,作为最后一个子元素; 4.appendTo():把我所有匹配的元素追加到另一个指定的元素集合中。
    查看全部
  • 总结: .replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点
    查看全部
  • 外部插入: 1..after(content):在匹配的元素集合的每个元素后面插入指定内容;若元素后面有元素,先将原元素后移,再插入;支持多参数, 2..before(content):在匹配的元素前面插入内容;若元素前面有元素,在将元素前移,再插入;支持多参数
    查看全部
  • 内部插入: 1.append(content):向每个匹配的元素内部追加内容,前面是被插入的对象,后面是插入的内容; 2.appendTo(content):将所有匹配的元素追加到另一个指定的元素集合中,前面是插入的元素内容,后面是被插入的对象。
    查看全部
  • 1.创建流程比较简单,大体如下: (1)创建节点(常见的:元素、属性和文本);(2)添加节点的一些属性;(3)加入到文档中 2.流程中涉及的一点方法: (1)创建元素:document.createElement; (2)设置属性:setAttribute; (3)添加文本:innerHTML;(4)加入文档:appendChild.
    查看全部
  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部

举报

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

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