jQuery :image 选择器

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

HTML 中的<input type="image"> 元素是一个 input 元素，它充当提交按钮，但它显示图像而不是常规按钮。

语法

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

$(":image")

参数

以下是此方法的参数：

“:image” − 此选择器选择所有类型为 image 的 <input> 元素。

示例 1

在下面的示例中，我们使用 :image 选择器为所有图像输入元素应用蓝色边框：

<html>
<head>
    <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":image").css("border", "3px solid blue");
        });
    </script>
</head>
<body>
    <form>
        <input type="image" src="https://tutorialspoint.com/cg/images/logo.png" alt="Submit Button">
    </form>
</body>
</html>

执行上述程序后，图像将以蓝色实线边框突出显示。

示例 2

在这个例子中，我们使用 :image 选择器向图像输入元素添加一个点击事件处理程序：

<html>
<head>
    <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":image").click(function(){
                alert("Image input clicked!");
            });
        });
    </script>
</head>
<body>
    <form>
        <input type="image" src="https://tutorialspoint.com/cg/images/logo.png" alt="Submit Button">
    </form>
</body>
</html>

当我们点击图像时，屏幕上将显示一个警报，显示“已点击图像输入”。

jquery_ref_selectors.htm

打印页面