这一节详细的总结jQuery选择器。

 

一、基础选择器

$('#info');        // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素
$('.infoClass');     // 选择class为infoClass的所有元素
$('div');        // 选择标签名为div的所有的元素
$('*');         // 选择所有标签元素

 

二、基本过滤器

基本选择器获取的元素集合,通过过滤器的筛选,使选择更加精确。

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

$('.infoClass:first');    // 选择class为infoClass的所有元素集合,并筛选集合中的第一个元素
$('.infoClass:last');     // 选择class为infoClass的所有元素集合,并筛选集合中的最后一个元素
$('.infoClass:odd');      // 选择class为infoClass的所有元素集合,并筛选集合中索引为奇数的元素,如1,3,5
$('.infoClass:even');     // 选择class为infoClass的所有元素集合,并筛选集合中索引为偶数的元素,如0,2,4
$('.infoClass:eq(2)');    // 选择class为infoClass的所有元素集合,并筛选集合中索引为2的元素
$('.infoClass.lt(2)');    // 选择class为infoClass的所有元素集合,并筛选集合中索引小于2的元素集合
$('.infoClass.gt(2)');    // 选择class为infoClass的所有元素集合,并筛选集合中索引大于2的元素集合

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式