博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery的过滤选择器
阅读量:7240 次
发布时间:2019-06-29

本文共 1156 字,大约阅读时间需要 3 分钟。

1.eg(num):查找索引num位置的元素,索引从0开始。

2.lt(num):查找索引小于num位置的元素,索引从0开始。

3.gt(num):查找索引大于num位置的元素,索引从0开始。

示例:

<ul id="france">

        <li id="a1">1</li>
        <li id="a2">2</li>
        <li id="a3">3</li>
        <li id="a4">4</li>

 </ul>

实现:

$("li:eq(2)").css("background", "red"); //找到第三个<li>元素并改变背景色,索引从0开始

$("#france li:lt(2)").css("background", "red"); //找到id为france下<li>元素索引小于2的元素并改变背景色
$("#france li:gt(2)").css("background", "red");// 找到id为france下 < li > 元素索引大于2的元素并改变背景色

二.查找所有标题元素的选择器$(":header"):

示例:

 <h1>holle!!</h1>

<h2>holle!!</h2>
 <h3>holle!!</h3>
 <p>你好!朋友</p>

实现:

$(":header").text("", "red"); //$(":header")获取所有的标题元素即<h1>,<h2>,<h3>,并改变其内容与背景色

三.查找所有实现动画元素的选择器$(":animated"):

示例:

 <div style=" width:200px; height:120px ; display:none; " id="test"> 我是动画div</div>

    <h1>baidu.com</h1>
    <h2>sina.com</h2>
    <h3>3g.qq.com</h3>

 实现:

 $(document).ready(function () {

            DivSlideToggle();
            $(":animated").html("<b style=\"color:Red; font-size:30px\">www.123456789@qq.com.cn</b>"); //$(":animated")获得所有动画元素
        })
        //执行动画效果
        function DivSlideToggle() {
            $("#test").slideToggle(); //实现滑动效果
            setTimeout('DivSlideToggle()', 1000); //每秒钟执行一次DivSlideToggle()方法
         }

转载于:https://www.cnblogs.com/lxjie/p/3153958.html

你可能感兴趣的文章
一套简单可依赖的Javascript库
查看>>
MySQL对于datetime 源码分析
查看>>
Linux PAM&&PAM后门
查看>>
3 构建Mysql+heartbeat+DRBD+LVS集群应用系统系列之heartbeat的搭建
查看>>
第一百二十三节,JavaScript错误处理与调试
查看>>
WebAssembly,可以作为任何编程语言的编译目标,使应用程序可以运行在浏览器或其它代理中——浏览器里运行其他语言的程序?...
查看>>
【公告】博客数据异常已所有恢复
查看>>
JavaScript 刚開始学习的人应知的 24 条最佳实践
查看>>
java中finalkeyword
查看>>
.net core中使用Type.GetType()从字符串获取类型遇到的问题
查看>>
select选中获取索引三种写法
查看>>
词袋模型bow和词向量模型word2vec
查看>>
分享升级架构师路上的体会,兼说我为什么有挣钱紧迫感
查看>>
浏览器 HTTP 协议缓存机制详解
查看>>
understand软件使用教程(转)
查看>>
【JavaScript】 JS面向对象的模式与实践
查看>>
13.ng-value
查看>>
8天掌握EF的Code First开发系列之动手写第一个Code First应用
查看>>
【Django】 积累
查看>>
iOS App的加固保护原理
查看>>