为了账号安全,请及时绑定邮箱和手机立即绑定
  • jQuery选择器之层级选择器: $("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器(只能是后面的) $("prev~siblings") 一般兄弟选择器(只能是后面的)
    查看全部
  • jQuery选择器之全选择器(*选择器): $("*")
    查看全部
  • jQuery选择器之标签选择器: $("element")
    查看全部
  • jQuery选择器之类选择器: $(".class")
    查看全部
  • jQuery选择器之id选择器: $("#id")
    查看全部
  • 1、jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素; 2、jQuery自带get()方法: var div=$div.get(0);//通过get方法,转化成DOM对象;
    查看全部
  • +~选择器不能向前选择
    查看全部
  • 通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。这个对象里面包含了DOM对象的信息,然后封装了很多操作方法,调用自己的方法html与css,得到的效果与标准的JavaScript处理结果是一致的。通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色
    查看全部
  • jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引: var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
    查看全部
  • var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
    查看全部
  • jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
    查看全部
  • //找到第一个div $(".div:first").css("color", "#CD00CD"); //找到最后一个div $(".div:last").css("color", "#CD00CD"); //:even 选择所引值为偶数的元素,从 0 开始计数 $(".div:even").css("border", "3px groove red"); //:odd 选择所引值为奇数的元素,从 0 开始计数 $(".div:odd").css("border", "3px groove blue"); //:eq //选择单个 $(".aaron:eq(2)").css("border", "3px groove blue"); //:gt 选择匹配集合中所有索引值大于给定index参数的元素 $(".aaron:gt(3)").css("border", "3px groove blue"); //:lt 选择匹配集合中所有索引值小于给定index参数的元素 //与:gt相反 $(".aaron.lt(2)").css("color", "#CD00CD"); //:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色 $("input:not(:checked)+p").css("background-color", "#CD00CD");
    查看全部
  • //子选择器 //$('div > p') 选择所有div元素里面的子元素P $('div>p').css("border", "1px groove red"); //后代选择器 //$('div p') 选择所有div元素里面的p元素 $('div p').css("border", "1px groove red"); //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $(".prev+div").css("border", "3px groove blue"); //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $(".pre~div").css("border", "3px groove blue");
    查看全部
  • 子元素 后代元素 兄弟元素 相邻元素
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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