Web之jQuery选择器

作者: 追逐_chase | 来源:发表于2018-05-03 09:12 被阅读0次
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

相关文章

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • Web前端JQuery面试题(一)

    Web前端JQuery面试题(一) 一:选择器 基本选择器 什么是#id,element,.class,*,sel...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • Web之jQuery选择器

    基本过滤选择器 :eq(index)index是从0开始的一个数字,选择序号为index的元素。选择第一个匹配的元...

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • JQuery - 九类选择器

    一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...

  • jQuery选择器

    一、jQuery常用选择器 二、jQuery选择器优势 三、jQuery常用基本选择器 四、jQuery常用层次选...

网友评论

    本文标题:Web之jQuery选择器

    本文链接:https://www.haomeiwen.com/subject/mdgqrftx.html