jQuery—过滤器（filter）

最新推荐文章于 2024-01-13 22:21:09 发布

何迟

最新推荐文章于 2024-01-13 22:21:09 发布

阅读量877

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42036616/article/details/81982962

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤</title>
    <script src="jquery-3.3.1.js"></script>
    <script src="filterText.js"></script>
</head>
<body>
      <div>
          <p>炉石传说</p>
      </div>
      <div>
          <p id="pName" class="className">真好玩</p>
      </div>
      <div>
          <p>欢迎来到我的旅店</p>
      </div>
      <div>
          <h3>快来！说说你的故事吧</h3>
      </div>
</body>
</html>

JS代码：

$(document).ready(function () {
   $("div p").first().css({color:"red"});
   //指定第一个同名元素
   $("div p").last().css({color:"blue"});
   //指定最后一个同名元素
   $("div p").eq(1).css({color: "blueviolet"});
   //指定第二个同名元素，跟数组一样从0开始计
   $("div p").filter(id=pName).css ({backgroundColor:"aqua"});
   //filter里面指定选择的条件，创建符合条件的集合
   $("div p").not(".className").css({background:"firebrick"});
   //not里面添加条件，上面id=pname，这里不能写成class=className，然后创建不符合条件的集合
});

效果：

何迟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery—过滤器（filter）

HTML代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;过滤&lt;/title&gt; &lt;script src="jquery-3.3.1.js"&am
复制链接

扫一扫

专栏目录