jQuery :button 选择器

jQuery 中的:button 选择器用于选择所有<button> 元素和类型为“button”的 <input> 元素。

语法

以下是 jQuery :button 选择器的语法：

$(":button")

参数

此选择器将选择所有按钮元素。

示例 1

在以下示例中，我们使用“jQuery :button”选择器来选择所有按钮元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":button").css("color", "blue");
        });
    </script>
</head>
<body>
    <button>Button Element</button>
    <input type="button" value="Input Button">
</body>
</html>

执行上述程序后，所有按钮元素的文本颜色将更改为蓝色。

示例 2

在这里，我们选择所有按钮元素并在聚焦时添加一个点击事件：

<html lang="en">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Select all button elements and add a click event
            $(":button").click(function(){
                alert("Button clicked!");
            });
        });
    </script>
</head>
<body>
    <button>Click Me</button>
    <input type="button" value="Click Me Too">
</body>
</html>

当我们点击按钮元素时，屏幕上将显示一个警报。

jquery_ref_selectors.htm

打印页面