×

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

作者:andy0012019.11.28来源:Web前端之家浏览:9004评论: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

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js820938409238409.html

网友评论文明上网理性发言 已有0人参与

发表评论: