jQuery选择集过滤

简介: 选择集过滤就是在选择标签的集合里面过滤自己需要的标签

1. 选择集过滤的介绍

选择集过滤就是在选择标签的集合里面过滤自己需要的标签


2. 选择集过滤的操作

  • has(选择器名称)方法,表示选取包含指定选择器的标签
  • eq(索引)方法,表示选取指定索引的标签


has方法的示例代码:

<script>$(function(){
//  has方法的使用var$div=$("div").has("#mytext");
//  设置样式$div.css({"background":"red"});
    });
</script><div>这是第一个div<inputtype="text"id="mytext"></div><div>这是第二个div<inputtype="text"><inputtype="button"></div>


eq方法的示例代码:

<script>$(function(){
//  has方法的使用var$div=$("div").has("#mytext");
//  设置样式$div.css({"background":"red"});
//  eq方法的使用var$div=$("div").eq(1);
//  设置样式$div.css({"background":"yellow"});
    });
</script><div>这是第一个div<inputtype="text"id="mytext"></div><div>这是第二个div<inputtype="text"><inputtype="button"></div>


3. 小结

  • 选择集过滤可以使用has方法和eq方法来完成
  • jquery给标签设置样式使用css方法
目录
相关文章
|
JavaScript 前端开发 索引
jQuery选择器之过滤选择器
jQuery选择器之过滤选择器
184 11
|
JavaScript 开发者 索引
jQuery_基础过滤|学习笔记
快速学习 jQuery_基础过滤
253 0
jQuery_基础过滤|学习笔记
|
JavaScript 前端开发 开发者
jQuery 遍历_过滤3|学习笔记
快速学习 jQuery 遍历_过滤3
177 0
jQuery 遍历_过滤3|学习笔记
|
JavaScript 前端开发 开发者
jQuery 遍历_过滤2|学习笔记
快速学习 jQuery 遍历_过滤2
221 0
jQuery 遍历_过滤2|学习笔记
|
JavaScript 开发者 索引
jQuery遍历_过滤1|学习笔记
快速学习 jQuery 遍历_过滤1
229 0
jQuery遍历_过滤1|学习笔记
|
JavaScript 开发者
jQuery_子元素过滤|学习笔记
快速学习 jQuery_子元素过滤
220 0
jQuery_子元素过滤|学习笔记
|
JavaScript 前端开发 开发者
jQuery_内容过滤|学习笔记
快速学习 jQuery_内容过滤
218 0
jQuery_内容过滤|学习笔记
|
JavaScript 前端开发 开发者
jQuery_可见性过滤 jQuery 扩展|学习笔记
快速学习 jQuery_可见性过滤 jQuery 扩展
208 0
jQuery_可见性过滤 jQuery 扩展|学习笔记
|
JavaScript
jQuery选择集转移
选择集转移就是以选择的标签为参照,然后获取转移后的标签
107 0
|
JavaScript
jquery图片过滤归类应用
在线演示 本地下载
803 0