教培参考
教育培训行业知识型媒体
发布时间: 2024年11月23日 18:57
jQuery选择集过滤的操作方法有几种?过滤选择集就是通过$()方法获取到的所有标签的集合。我们需要掌握如何使用选择器进行标签过滤。
选择集学习目标:使用选择器进行标签过滤。
1. 选择集过滤的介绍
选择集过滤就是在选择标签的集合里面过滤自己需要的标签
2. 选择集过滤的操作
has(选择器名称)方法,表示选取包含指定选择器的标签
eq(索引)方法,表示选取指定索引的标签
has方法的示例代码:
<script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"background":"red"}); });</script><div> 这是第一个div <input type="text" id="mytext"></div><div> 这是第二个div <input type="text"> <input type="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 <input type="text" id="mytext"></div><div> 这是第二个div <input type="text"> <input type="button"></div>
小结:选择集过滤可以使用has方法和eq方法来完成;jquery给标签设置样式使用css方法。