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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • clone(ture)传递一个布尔值ture来制定此克隆节点需要把附带的事件与数据一并克隆了
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2017-05-10

  • $("li").each(function(index, element) { $(this).css('color','red')
    查看全部
  • empty只是清除所选标签下所有的内容,并不包括其本身
    查看全部
  • 注意:替换后的节点,并不计算在当前索引里。所以当再次执行replaceWith或者replaceAll操作时,只计算没有被替换的索引。 点replaceWith()只会替换掉它所匹配到的元素并且返回被删除元素的集合; 点replaceAll(),第一次,最后一个被替换,点第二次,第五段被替换,点第三次第四段被替换。
    查看全部
  • 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码
    查看全部
  • $("#bt2").on('click', function() { //在匹配test1元素集合中的每个元素后面插入p元素 $(".test2").after('<p >after,在匹配元素之后增加</p>', '<p >多参数</p>')
    查看全部
  • each() 方法就是一个for循环的迭代器,它会迭代jQuery对象合集中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数 所以大体上了解3个重点: each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引index与元素element each回调方法中的this指向当前迭代的dom元素
    查看全部
  • Query遍历之add()方法 $("div").add("p") // 查找所有div标签和p标签(不是将p加在div中,而是同时遍历) $("div").add("<p>123</p>").appendTo(目标) // 查找所有div和新建的一个p标签,插入到目标位置,改变了原来的结构,移动了位置 【注意】容易引发歧义,add()有两种意思: 【第一】:不是增加某个元素标签,而是又附加选择了一个元素 操作:$('li').add('p')选择所有的li元素,之后把p元素也加入到li的合集中,仅仅是增加一个元素进入集合,而不是在某(类)元素中新建元素 【第二】增加的同时又动态新增了一个 $('li').add('<p>add新增的p元素</p>').appendTo(目标位置) 新建的元素是在$('li')之后
    查看全部
  • next() 获得匹配元素集合中每个元素下一个的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。 prev() 获得匹配元素集合中每个元素上一个的同胞元素。如果提供选择器,则取回匹配该选择器的上一个同胞元素
    查看全部
  • closest()方法接受一个匹配元素的选择器字符串 从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素 closest()方法给定的jQuery集合或元素来过滤元素 注意: 粗看.parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 1.起始位置不同:.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • parents()快速查找合集里每一个元素的所有祖辈元素,parent()只向上查找一级,但parents()则会往上一直查找到祖先节点。
    查看全部
  • parent()方法快速查找合集里面的每一个父元素,只会向上查找一级,parent()无参数
    查看全部
  • (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距 (6)padding:10px 20px; 上下、左右内边距 (7)padding:10px 20px 30px; 上、左右、下内边距 (8)padding:10px 20px 30px 40px; 上、右、下、左内边距 (1)margin-left:10px; 左外边距 (2)margin-right:10px; 右外边距 (3)margin-top:10px; 上外边距 (4)margin-bottom:10px; 下外边距 (5)margin:10px; 四边统一外边距 (6)margin:10px 20px; 上下、左右外边距 (7)margin:10px 20px 30px; 上、左右、下外边距 (8)margin:10px 20px 30px 40px; 上、右、下、左外边距
    查看全部
  • .children():找第一级子元素,只找儿子不找孙子及以下辈,可以用选择器$("div").children(".selected") 如$('.div').children(':last')
    查看全部

举报

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

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