1,jquery介紹
jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有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>
2,jquery加載
將獲取元素的語句寫到頁面頭部,會因為元素還沒有加載而出錯,jquery提供了ready方法解決這個問題,它的速度比原生的 window.onload 更快。
3,jquery屬性操作
1、html() 取出或設(shè)置html內(nèi)容
// 取出html內(nèi)容
var ('#div1').html();
// 設(shè)置html內(nèi)容
$('#div1').html('<span>添加文字</span>');
2、text() 取出或設(shè)置text內(nèi)容
// 取出文本內(nèi)容
var ('#div1').text();
// 設(shè)置文本內(nèi)容
$('#div1').text('<span>添加文字</span>');
3、attr() 取出或設(shè)置某個屬性的值
// 取出圖片的地址
var ('#img1').attr('src');
// 設(shè)置圖片的地址和alt屬性
$('#img1').attr({ src: "test.jpg", alt: "Test Image" });