ID选择器

最新推荐文章于 2024-05-24 00:34:26 发布

javaScript小主

最新推荐文章于 2024-05-24 00:34:26 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/qq_45683093/article/details/102708051

版权


```javascript
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="jss/jquery-1.11.1.min.js"></script>
		<title>ID选择器</title>
	</head>
	<body>
		<!--ID选择器的使用方法:
			jQuery中的ID选择器相当于传统的JavaScript中的document.getElementById()
			1. $("#id") id为要查询元素ID属性值,例如,要查询ID属性值为user的元素$("#user")
			2. 页面设置id属性值时要确保该属性值在页面中是唯一的,否则会报错-->
			<input type="text" id="testInput" name="test" value=""/>
			<input type="button" value="输入的值为" />
		<script type="text/javascript">
				$(document).ready(function(){
					$("input[type ='button']").click(function(){//为按钮绑定单击事件
					  var inputValue =$("#testInput").val();//getElementById("testInput").val()
					  //获取文本输入内容
					  //说明:$("#testInput")获取了id属性为testInput的jQuery包装集,
					  //然后调用包装集的val()方法获取文本输入的值
					  alert(inputValue);	
					});
					
				});
			
		</script>
	</body>
<html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

javaScript小主

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ID选择器

```javascript<html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jss/jquery-1.11.1.min.js"></script> <title>ID选择器</title> </...
复制链接

扫一扫