JQuery获取元素的方式

最新推荐文章于 2021-04-26 19:29:05 发布

真香号

最新推荐文章于 2021-04-26 19:29:05 发布

阅读量357

点赞数

分类专栏： JQuery JS

本文链接：https://blog.csdn.net/zhanshixiang/article/details/90582364

版权

JS 同时被 2 个专栏收录

17 篇文章 1 订阅

订阅专栏

JQuery

5 篇文章 0 订阅

订阅专栏

$("#+控件的id")

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQuery获取元素的方式</title>
		<script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script>
		<script>
			
			  //传统方式的元素获取
			  $(function(){
			  	document.getElementById("btn").onclick=function(){
			  		
			  		location.href="惊喜.html";
			  	}
			  	
			  	
			   //JQuery的获取  ====== $("#btn")
			  	  
			/*  $("#btn").click(function(){
			  	location.href="惊喜.html";
			  });*/
			  
			
			  });
			  
			
		</script>
		
	</head>
	<body>
		<input type="button" value="点我有惊喜！" id="btn" />
	</body>
</html>

惊喜HTML:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>打飞机</title>
		<style>
			div{
				border: 1px solid white;
				width: 500px;
				height: 300px;
				margin: auto;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../../img/飞机05.gif" width="100%" height="100%"/>
		</div>
	</body>
</html>

效果：

真香号

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JQuery获取元素的方式

$("#+控件的id")例如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQuery获取元素的方式</title> <script type="text/javascript" src="../../js/jquery-...
复制链接

扫一扫