jQuery中的选择器和过滤器()有什么区别

jQuery选择器： 允许我们选择和操作HTML元素。它用于选择HTML元素，如使用jQuery选择器的ID，类，类型，属性等，然后添加任何CSS属性或事件到选定的HTML元素。

语法：选择一个按钮标签的语法为

$("button")

示例:

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
    <script>
         $(document).ready(function() {$ ("button").click(function() {
                $("#heading").css("border", "2px solid red");
            });
        });
    </script>
</head>
  
<body>
  
    <h2 id="heading">Using jQuery Filter</h2>
  
    <button>Click to change color of heading</button>
  
</body>
  
</html>

输出：点击按钮后，我们将看到一个横跨标题的红色边框。

jQuery中的选择器和过滤器()有什么区别？

点击按钮可在标题上创建边框。

jQuery Filter：该方法用于指定HTML元素的标准。Filter()方法返回符合某些标准的元素。

语法:

$(selector).filter(criteria, function(index))

示例:

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
    <script>
         $(document).ready(function() {$ ("p").filter(".active").css("background-color", "red");
        });
    </script>
</head>
  
<body>
  
    <h1>Jquery Filter</h1>
  
      
<p>My name is Donald.</p>
  
    <p class="active">Geeks</p>
  
    <p class="dead">SkeeG</p>
  
    <p class="active">For </p>
  
    <p class="dead">roF</p>
  
    <p class="active">Geeks</p>
  
</body>
  
</html>

输出：过滤器搜索出活动的类标签，并给它们着色。

jQuery中的选择器和过滤器()有什么区别？

过滤器活动类

jQuery中选择器和过滤器()的主要区别：

jQuery中的选择器	过滤器() n jQuery
jQuery选择器根据你给的元素名称选择所有元素。	jQuery filter( )通过指定选择的标准来进一步增加所选元素的细节。
它独立于filter( )工作，这意味着没有必要与filter( )方法一起使用它。	它与选择器一起工作。通过将过滤器与你的选择器结合起来，我们的工作可以达到很高的精度。
使用它的语法如下：$(“button”)选择HTML页面的所有按钮。	使用它的语法如下：$(button).filter(criteria, function(index))选择有条件的按钮并对其应用函数。