發現了兩個特別好的網站:大量源碼、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>