一.什么是 jQuery?
- jQuery是一個JavaScript庫,它通過封裝原生的JavaScript函數(shù)得到一整套定義好的方
法的妖。
它的作者是John Resig,于2006年創(chuàng)建的一個開源項(xiàng)目,隨著越來越多開發(fā)者的加入, jQuery已經(jīng)集成了JavaScript闽烙、CSS、DOM和Ajax于一體的強(qiáng)大功能泻肯。
-
它可以用最少的代碼, 完成更多復(fù)雜而困難的功能,從而得到了開發(fā)者的青睞叠纹。
- 主旨口號:寫的更少, 干的更多(以更少的代碼,實(shí)現(xiàn)更多的功能)
二.jQuery特點(diǎn):
- 在我們使用javaScript的時候我們碰到很多讓我們很煩躁的事：
1.window.onload事件只能執(zhí)行一次,下次再執(zhí)行時, 后面的會把前面的給覆蓋
掉.
2.獲取一個元素的時候方法名稱很長.很容易寫錯getElementById(“box”);
3.實(shí)現(xiàn)一個很簡單的功能, 代碼的非常復(fù)雜.
4.有時候好不容易寫好一個代碼之后,在一個瀏覽器運(yùn)行沒有問題.但發(fā)現(xiàn)到
另外一個瀏覽器當(dāng)中又掛了(瀏覽器兼容問題)
- jQuery的特點(diǎn)正好解決上面所說一些問題,主要有以下特點(diǎn):
1.輕量級
2.強(qiáng)大的選擇器
3.出色的Dom封裝
4.可靠的事件處理
5.瀏覽器兼容性強(qiáng)（(從2.0版本開始, 不再去兼容IE6/7/8瀏覽器.體積更小,速度更快）
6.鏈?zhǔn)讲僮鞣绞?br> 7.隱式迭代
三.代碼風(fēng)格
- 在jQuery程序中,不管是頁面元素的選擇玉控、內(nèi)置的功能函數(shù),都是美元符號“$”來起 始 的。而這個“$”就是jQuery當(dāng)中最重要且獨(dú)有的對象:jQuery對象
$(function () {}); //執(zhí)行一個匿名函數(shù)
$(‘#idName’); //進(jìn)行執(zhí)行的ID元素選擇
$(‘#idName’).css(‘color’, ‘red’); //執(zhí)行功能函數(shù)
都要使用“$”把它們包裹起來. “$”代表的是jQuery對象的意思 可以寫做:
//執(zhí)行功能函數(shù)
jQuery(function () {});
jQuery(‘#idName’);
jQuery(‘#idName’).css(‘color’, ‘red’);
四.配置使用jQuery庫
- 第一步:下載jQuery庫
- 第二步:引入下載的jQuery庫
- 第三步:編寫jQuery代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.1.js"></script>
<script>
//$代表的是jQuery對象
//第一個jQuery程序
$(document).ready(function () {
alert('hello world');
});
</script>
</head>
<body>
</body>
</html>
