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
05JQuery笔记-------------------------常用选择器和方法
原文:http://www.cnblogs.com/clcloveHuahua/p/5123385.html