1. Id选择器
实例:$(‘#btn’). click();
2. 类选择器
实例:$(‘.cls’).text(‘‘);
3. 标签选择器
实例:$(’p’).click(function())为每个p标签注册事件
4. 标签+类型选择器
实例:$(‘div.class’).css()中间不能有空格。
5. 层次选择器
a) $("div li")获取div下的所有li元素(后代,子、子的子……)
b) $("div > li")获取div下的直接li子元素。
c) $(".menuitem + div")获取样式名为menuitem之后的第一个div元素(不常用),嵌套不算
d) $(".menuitem ~ div")获取样式名为menuitem之后所有的div元素(不常用)
e) $(*).css 所有的标签
6. 方法选择标签
a) $(‘div’).next().css获得样式为div的层的后面那个标签
b) $(‘div’).nextAll(‘p’)获得样式为div层后面的所有p标签,如果不写表示所有的
c) $(‘div’).prev(‘p’)用法同next表示上一个。
d) $(‘p’).siblings(‘p’) p标签的所有兄弟p元素,在同一层内用法同上。
7. 基本过滤选择器
a) :first选取第一个元素。$(‘div:first’)选取第一个div元素$(‘.class:first’)选取类中的第一个元素
写法二:$('div').first().css
b) $('div').last().css选取最后一个元素,用法如上。
c) $('ul li:even').css选取偶数行的单元格
d) $('ul li:odd').css选取奇数行的单元格
e) $('div:eq(3)')索引等于3的div
f) $('div:lt(3)')索引小于3的div
g) $('div:gt(3)')索引大于于3的div
h) $('div:gt(3):lt(2)')索引大于3后面的两个
i) $(':header')获取所有的h标签。
8. 常用方法
a) $('p').addClass('cls') 注意不要加点号。添加CSS样式
b) $('p').removeClass('cls') 移除样式。
c) $('p').toggleClass('cls'); 该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。
d) alert($('p').hasClass('cls')) 判断p便签是否有.cls样式。放回true或者false