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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • (index%2)==0 1 index%2的结果只有两个,即 0 和 1 if(0) // false 不执行 if (1) // true 执行 blue
    查看全部
  • 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 如右边代码所示,写一个最简单的元素创建,我们会发现几个问题: 每一个元素节点都必须单独创建 节点是属性需要单独设置,而且设置的接口不是很统一 添加到指定的元素位置不灵活 最后还有一个最重要的:浏览器兼容问题处理
    查看全部
  • document,addEventListenner(事件,函数,true、false)--向指定元素添加事件句柄 true为向下捕获 false为向上冒泡
    查看全部
  • children():向下找儿子 parent():向上找爸爸 parents():向上找祖宗 find():向下查找后代
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数 而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。
    查看全部
  • parents()找到的是祖先元素的合集,从里目标最近的祖先元素开始排序
    查看全部
  • $("li").each(function(index,element){ $(this).css('color','red') })
    查看全部
  • 查找兄弟节点: next():下一个 prev():前一个
    查看全部
  • next()用法有参和无参使用 // 找到同级元素.item-2的下一个元素 $("li.item-2").next().css('border','1px solid red'); //找到所有class=item-3的li //然后给每个li,然后筛选出第一个,加上蓝色的边 $('.item-2').next(':first').css('border', '1px solid blue')
    查看全部
  • .parents()和.closest() 1起始位置不同:.closest开始于当前元素 .parents开始于父元素 2遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • children():向下找儿子 parent():向上找爸爸 parents():向上找祖宗 find():向下查找后代 1 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合
    查看全部
  • wrapAll(包裹元素),是用一个父元素包裹起来,wrapAll(function()),是给没个选中的元素都包裹一个父元素
    查看全部
  • children() ==》 查找元素的第一级子元素 $('div').children() ==> 无参数 $('div').children(".selected") ==> 有参,查找筛选出来的结果
    查看全部
  • wrapInner()方法:可以理解成增加一个内元素
    查看全部

举报

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

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