JS（8）JQuery框架的使用

最新推荐文章于 2023-01-10 13:19:56 发布

aic1999

最新推荐文章于 2023-01-10 13:19:56 发布

阅读量926

点赞数 1

分类专栏： jsp/js/struts2框架（前端网页开发）文章标签： javascript js jquery 标签框架

本文链接：https://blog.csdn.net/aic1999/article/details/83791084

版权

jsp/js/struts2框架（前端网页开发）专栏收录该内容

24 篇文章 3 订阅

订阅专栏

发现了两个特别好的网站：大量源码、web技术知识入门讲解网站

JQuery

其实框架就是为了 简化原生代码 \ 功能扩展 而生的。JQuery也不例外，不过他并不只是对部分功能代码做了个封装，还有自己特定的符号...比如——#、$等。

ecplise的使用方法：将 jquery-3.0.0.min.js（或其他），放入webContent目录下即可。

例如我下例的代码，使用JQuery根据id或者标签名称取到相关控件的对象，然后再进行相应操作。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="jquery-3.0.0.min.js"></script>
</head>
<script type="text/javascript">
	$(document).ready(function(){
		$('#but1').click(
			function(){
				alert('hello jequery');	//点击button弹窗
			});
		$('a').click(function(){
			alert('haha');
			var as=$('this');
			alert($('a').get(2).innerText);	//取到<a>标签中第二个id对象的文字
			e.prevenrDault();
		});
		$(document.body).click(function(){	//点击div标签则div标签的文字变蓝色
			$("div").each(function(){
				this.style.color='blue';
			});
		});
	});
</script>
<body>
<button id='but1'>click me</button>
<a href='http://www.baidu.com'>百度一下</a>
<a id="aa">aa</a>
<a id="bb">bb</a>
	<br>
	<div>北京</div>
	<div>上海</div>
	<div>广州</div>
</body>
</html>