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> 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章