JS（8）JQuery框架的使用
公孙国兴
发现了两个特别好的网站：大量源码、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>
类似资料：