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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • $('div').empty()删除div内的所有内容。
    查看全部
  • $('a').prepend('<p>这里的内容被插入到a前面</p>'); ('<p>这里内容</p>').prependto $('a');//prependTo和prepend刚好相反
    查看全部
  • .prepend()方法插入作为第一个子元素;appendTo()被插入,作为最后一个
    查看全部
  • jq创建dom节点 var oDiv = $('<div>这是创建的一个节点;创建的一个节点而已</div>'); oParent.append(oDiv); oDiv插入到oParent中来。
    查看全部
  • 创建节点:var oDiv = document.createElement('div'); 设置属性: oDiv.setAttribute('width','200'),oDiv.innerHTML='<p>div内部是个段落</p>' 插入节点:oParent.appendChild(oDiv);
    查看全部
  • $("li.item-1").closest(".level-2").css('border', '1px solid blue')在里面closest(".level-2")类名别漏掉了.
    查看全部
  • add 并不是要往选择器中加东西,而是要往选择结果中加东西,它不会改变之前的结构
    查看全部
  • detach方法不会真的删除该对象,只是让他在这个页面不可见,他绑定的事件也不会丢失
    查看全部
  • 平板上不能编辑任务
    查看全部
  • empty方法<br> <br> 严格地讲,empty()方法并不是删除节点,而是清空节点,它能"***清空元素中的所有后代节点***"<br> empty不能删除自己本身这个节点<br> remove方法<br> <br> 该节点与该节点所包含的所有后代节点将同时"***被删除***"<br> 提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • each是一个for循环的包装迭代器<br> <br> each通过回调的方式处理,并且会有2个固定的实参,"索引"与"元素"<br> <br> each回调方法中的this指向当前迭代的dom元素
    查看全部
  • 粗看.parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素,如果没有匹配的元素则返回null。 //获取body元素 var body = document.querySelector("body"); //获取ID为myDiv的元素 var myDiv = document.querySelecotr("#myDiv"); //获取第一个包含类selected的元素 var selected = document.querySelector(".selected"); //获取第一个包含类button的图像元素 var img = document.body.querySelector("img.button"); 注意:querySelector() 是按css 规范实现的。如果同时获取id,id是以数字开头的,即获取不到。 getelementById()就可以获取到。
    查看全部
  • each()重点: 1.是一个for循环的包装迭代器 2.通过回调的方式处理,并且会有2个固定的实参,索引与元素 3.回调方法中的this指向当前迭代的dom元素 //遍历所有的li //修改每个li内的字体颜色 $("li").each(function(index, element) { $(this).css('color','red') }) //遍历所有的li //修改偶数li内的字体颜色 $("li").each(function(index,element){ if(index % 2){ $(this).css('color','blue') } }) 以上:index为索引 0,1,2,3(li有多少,索引就有多少) element是对应的li节点 li,li,(li有多少,节点就有多少) this 指向的是li(索引到的当前节点)
    查看全部

举报

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

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