jq选择器

72 阅读1分钟
选取第一个元素 :first
$('li:first').css('background','red')
*/
/* 选取最后一个元素 :last
$('li:last').css('background','red')
*/
/* 排除指定元素之外的所有元素 :not(selector) */
/* $('li:not(".feiji")').css('background','red') */
/*
选取索引是偶数的所有元素(index从0开始) :even 0也是偶数
*/
// $('li:even').css('background','red')
/* 选取索引是奇数的所有元素(index从0开始) :odd */
// $('li:odd').css('background','red')
/* 选取索引等于index的元素(index从0开始):eq(index) */
// $('li:eq(3)').css('background','red')
/* 选取索引大于index的元素(index从0开始):gt(index) */
// $('li:gt(2)').css('background','red')
/* 选取索引小于index的元素(index从0开始) */
// $('li:lt(4)').css('background','red')
/* 选取所有标题元素,如h1~h6 :header */
// $(':header').css('background','red')
/* 选取当前获取焦点的元素 :focus */
// $('input').click(function(){
// $('input:focus').css('background','red')
// }