Web之jQuery选择器

timg.jpg

基本过滤选择器

• :eq(index)
  • index是从0开始的一个数字，选择序号为index的元素。选择第一个匹配的元素。

$(“li:eq(1)”). css(“background”,”red”)

• :gt(index)
  • Index 是从0开始的一个数字，选择序号大于index的元素，

$(“li:gt(2)”). css(“background”,”red”)

• :lt(index)
  • Index是从0开始的一个数字，选择小于index 的元素

$(“li:lt(2)”). css(“background”,”red”)

• :odd
  • 选择所有序号为奇数行的元素

$(“li:odd”). css(“background”,”red”)

• :even
  • 选择所有序号为偶数的元素

$(“li:even”). css(“background”,”red”)

• :first
  • 选择匹配第一个元素

$(“li:first”). css(“background”,”red”)

• :last
  • 选择匹配的最后一个元素

$(“li:last”). css(“background”,”red”)

<script type="text/javascript">


//入口
$(document).ready(function () {
    $("li:eq(1)").css("background-color","#036663");

});

</script>

• $(“a[href]”) 选择所有包含href属性的元素

$(“a[href]”). css(“background”,”red”)

• $(“a[href=’it001’]”) 择href属性值为it001的所有a标签

$(“a[href=’it001’]”). css(“background”,”red”)

• $(“a[href!=’baidu’]”) 选择所有href属性不等baidu的所有元素，包括没有href的元素

$(“a[href!=’baidu’]”). css(“background”,”red”)

• $(“a[href^=’web’]”) 选择所有以web开头的元素

$(“a[href^=’web’]”). css(“background”,”red”)

• $(“a[href$=’cn’]”) 选择所有以cn结尾的元素

$(“a[href$=’cn’]”). css(“background”,”red”)

• $(“a[href*=’i’]”) 选择所有包含i这个字符的元素，可以是中英文

$(“a[href*=’i’]”). css(“background”,”red”)

• $(“a[href][title=’我’]”) 选择所有符合指定属性规则的元素，都符合才会被选中。

$(“a[href][title=’我’]”). css(“background”,”red”)

选择器.png

筛选选择器

筛选.jpg