js里的:reset选择器如何操作的

作者：andy0012019.11.28来源：Web前端之家浏览：10013评论:0

关键词：js :reset

在jQuery中:reset选择器可以用于选择具有type=reset属性的button和input元素。通过该选择器使用 input:reset 不会选取 button 元素。

语法：

$(":reset")

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">	
	</head>

	<body>
		<center>
			<h2>jQuery :reset选择器</h2>

			<form action="#">
				用户名：
				<input type="text" name="user">
				<br> 密　码：
				<input type="password" name="password">
				<br>
				<br>
				<input type="reset" value="Reset">
				<input type="submit" value="Submit">
				<br>
			</form>
		</center>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$(":reset").css("background-color",
					"coral");
			});
		</script>
	</body>

</html>

浏览器支持：

●　Google Chrome

●　Internet Explorer

●　Firefox

●　Opera

●　Safari

赏您的支持是我们创作的动力！