jQuery选择器

jQuery是JavaScript的一个库，它提高了我们的开发效率

目前jQuery有1.x和2.x两个主要版本，区别在于2.x移除了对古老的IE 6、7、8的支持，因此2.x的代码更精简。

 

$是著名的jQuery符号。$本质上就是一个函数，但是函数也是对象，于是$除了可以直接调用外，也可以有很多其他属性。

 

选择器

选择器是jQuery的核心。和css选择器非常的相似，比如：

按id查找

var div = $('#idname');

按类名查找

var div = $('#classname);

按tag查找

var div = $('p);

按属性查找

var email = $('[name=email]'); //找出name为email的元素

还可以前缀和后缀查找

var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM
var names = $('[name$=with]'); // 找出所有name属性值以with结尾的DOM

 

组合查找

ar emailInput = $('input[name=email]'); //找到input标签中name为email的元素

var tr = $('tr.red'); //找到tr标签中类名为red的元素

多选择器

$('p,div'); // 把<p>和<div>都选出来

 

层级选择器

$('ul.lang li.lang-javascript'); // f1=（找到ul标签下类名为lang），f2=（然后再从f1中找到li标签），再从f2找到类名为lang-javascript的元素

 

子选择器

$('parent>child')

 

过滤器（Filter）

$('ul.lang li'); // 选出JavaScript、Python和Lua 3个节点

$('ul.lang li:first-child'); // 仅选出JavaScript
$('ul.lang li:last-child'); // 仅选出Lua
$('ul.lang li:nth-child(2)'); // 选出第N个元素，N从1开始
$('ul.lang li:nth-child(even)'); // 选出序号为偶数的元素
$('ul.lang li:nth-child(odd)'); // 选出序号为奇数的元素