美文网首页
基本过滤选择器

基本过滤选择器

作者: 琪33 | 来源:发表于2018-04-26 16:10 被阅读0次
 <script>
        $(function () {
            //利用过滤选择器设置偶数位元素的背景
            var jqliodd = $("ul li:odd"); //获取奇数索引
            jqliodd.css("background","pink");

            //利用过滤选择器设置奇数位元素的背景
            var jqlieven = $("ul li:even");//获取偶数索引
            jqlieven.css("background","red");


            //利用过滤选择器设置指定索引值元素的背景
            var jqlifirst = $("ul li:eq(0)");
            jqlifirst.css("background","yellow");

            //获取页面上所有的li,然后最大索引值就是长度-1;
            var li = $("li");
            var jqlifirst = $("ul li:eq("+(li.length-1)+")");
            jqlifirst.css("background","blue");
        });
    </script>
</head>
<body>
    <ul>
        <li>班长今天你老帅了,嗷嗷帅....</li>
        <li>班长今天你老帅了,嗷嗷帅....</li>
        <li>班长今天你老帅了,嗷嗷帅....</li>
        <li>班长今天你老帅了,嗷嗷帅....</li>
        <li>班长今天你老帅了,嗷嗷帅....</li>
        <li>班长今天你老帅了,嗷嗷帅....</li>
    </ul>
</body>

相关文章

  • jQuery选择器

    基本选择器 层次选择器 过滤选择器 基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选...

  • 常用选择器测试代码

    常用基本选择器 常用常用层次选择器 常用基本过滤选择器 常用基本内容过滤选择器以及可见性过滤选择器 常用的属性过滤...

  • jQuery 选择器学习

    一、基本选择器 二、层次选择器 三、过滤选择器 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、...

  • JQ选择器

    基本选择器 层次选择器 基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 还有其他多种不常用属性过...

  • JQuery选择器

    1.基本选择器 2.层次选择器 3.基本过滤选择器 4.内容过滤选择器 5.可见性过滤选择器 6.属性过滤选择器 ...

  • JQuery常用的选择器总结分类

    一、基本选择器 二、层次选择器 三、过滤选择器 四、内容过滤选择器 五、可见性过滤选择器 六、属性过滤选择器 七、...

  • jQuery基础知识

    一、jQuery选择器 1. 基本选择器 2. 层次选择器 3. 过滤选择器 3.1 基本过滤选择器 3.2 内容...

  • jQuery相关复习

    jQuery相关 jQuery选择器 参考手册 基本选择器 层次选择器 过滤选择器 可见性过滤选择器 属性过滤选择...

  • 每天5道web前端面试题(021-025)

    021.jQuery中有哪几种类型的选择器? 答案: 基本选择器 层次选择器 基本过滤选择器 内容过滤选择器 可见...

  • jQuery操作DOM

    选择器 基本选择器: #id、.class、element、*、 层级选择器:空格、> 、+ 、~ 基本过滤选择器...

网友评论

      本文标题:基本过滤选择器

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