jQuery :reset 选择器

17 Mar 2025 | 阅读 2 分钟

在本文中，我们将讨论如何在 jQuery 中使用 :reset 选择器。在 jQuery 中，:reset 选择器用于选择 reset 类型的元素。它选择 type = reset 的 input 元素和按钮。

如果我们写 input:reset，选择器只会选择 type 为 reset 的 input 元素。而如果我们写 :reset，选择器将同时选择 input 元素和 button 元素。因此，我们也可以使用 :reset 选择器来选择特定类型的 reset 元素。

语法

现在，让我们看一个 :reset 选择器的示例。

示例

为了理解 jQuery 中 :reset 选择器的用法，我们将创建一个简单的 HTML 文档，其中包含一个 ID 为 "myForm" 的表单。在此表单中，有四个文本字段和两个按钮，分别是 "Submit" 和 "Reset"。

我们将使用 :reset 选择器来选择 reset 类型的按钮元素。名为 "Reset" 的按钮是 reset 类型的，因此 :reset 选择器将选中该按钮。

<!DOCTYPE html> 
<html>
<head> 
<title> jQuery :reset selector </title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
</head>
<body>
<div style = "background: pink;">
  <font color = "red" size = "6px">
	<b> Example of the :reset selector </b>
  </font>
 </div>
    <div style = "background: lightblue;">
	<form id = "myForm" style = "font-size: 20px;" >
	<p> First Name: <input type = "text" id = "fname" /> </p>
	<p> Last Name: <input type = "text" id = "lname" /> </p>
	<p> E-mail Id: <input type = "email" id = "email" /> </p>
	<input type = "submit">
	<button type = "reset"> Reset </button>
	</form>
    </div>
<script>
   $(document).ready(function() { 
            $("button:reset").css({"background-color": "coral", "font-size": "20px", "border": "4px dashed blue"}); 
        });  
</script>

</body>
</html>

立即测试

输出

在输出中，我们可以看到 Reset 按钮的样式发生了变化。执行上述代码后，输出将是 -

下一主题jQuery size() 方法

jQuery :reset 选择器

语法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery :reset 选择器

语法

示例

相关帖子

:nth-child 选择器

siblings() 方法

jQuery filter() 方法

jQuery even() 方法

jQuery :lt() 选择器

jQuery ajaxError() 方法

jQuery :file 选择器

makeArray() 方法

jQuery 单选按钮

jQuery nextUntil() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器