2.层级选择器
3.jQuery隐式迭代
4.jQuery筛选选择器
5.jQuery筛选方法
6.新浪下拉菜单案例
7.jQuery的排他做法
8.淘宝服饰精品案例
9.jQuery链式编程
1.jQuery 基础选择器
$( “选择器” ) //里面选择器直接写CSS选择器即可,但是要加引号
名称 | 用法 | 描述 |
ID选择器 | $("#id") | 获取指定ID的元素 |
全类选择器 | $('*') | 匹配所有元素 |
类选择器 | $(".class") | 获取同一类class的元素 |
标签选择器 | $("div") | 获取同一类标签的所有元素 |
并集选择器 | $("div,p,li") | 选取多个元素 |
交集选择器 | $("li.current") | 交集元素 |
jQuery获取元素就是这么简单
2.层级选择器
名称 | 用法 | 描述 |
子代选泽器 | $("ul>li"); | 使用>号,获取亲儿子层级的元素;注意,并不会获取孙子层级的元素 |
后代选择器 | $("ul li"); | 使用空格,代表后代选择器,获取uI下的所有Ii元素,包括孙子等 |
3.jQuery隐式迭代
我们先讲一下jquery设置样式的方法:
$(‘div’).css(‘属性’,‘值’)