jQuery是目前使用最廣泛的javascript函數(shù)庫布轿。據統(tǒng)計奠蹬,全世界排名前100萬的網站朝聋,有46%使用jQuery,遠遠超過其他庫囤躁。微軟公司甚至把jQuery作為他們的官方庫冀痕。
jQuery的版本分為1.x系列和2.x、3.x系列狸演,1.x系列兼容低版本的瀏覽器言蛇,2.x、3.x系列放棄支持低版本瀏覽器宵距,目前使用最多的是1.x系列的腊尚。
jquery是一個函數(shù)庫,一個js文件满哪,頁面用script標簽引入這個js文件就可以使用婿斥。
<script type="text/javascript" src="js/jquery-1.12.2.js"></script>
jquery的口號和愿望 Write Less, Do More(寫得少劝篷,做得多)
1、http://jquery.com/ 官方網站
2民宿、https://code.jquery.com/ 版本下載
jquery加載
將獲取元素的語句寫到頁面頭部娇妓,會因為元素還沒有加載而出錯,jquery提供了ready方法解決這個問題活鹰,它的速度比原生的 window.onload 更快哈恰。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery加載</title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
// alert($);//彈出function (a,b){return new n.fn.init(a,b)}表示JQuery已經引進來了,這是它的一個構造函數(shù)
//JS寫法
window.onload = function(){
var oDiv = document.getElementById('div');
alert(oDiv.innerHTML);//這是一個div元素
}
//jQuery的完整寫法
//比上面JS寫法先彈出志群,因為window.onload是把頁面元素加載着绷、渲染完才彈出,而ready()是把所有頁面的節(jié)點加載完之后就彈出了锌云,不用等渲染了
/*$(document).ready(function(){
var $div = $('#div');
alert('jQuery:' + $div.html());//jQuery:這是一個div元素
})*/
//簡寫方式
$(function(){
var $div = $('#div');//CSS樣式怎么寫蓬戚,這里就怎么寫
//html()方法相當于原生JS的innerHTML
alert($div.html() + 'jQuery');
})
</script>
</head>
<body>
<div id="div">這是一個div元素</div>
</body>
</html>