1度宦、jQuery介紹
jQuery是一個(gè)JavaScript的程序庫(kù)，它封裝了許多 我們平時(shí)做項(xiàng)目需要用到的很多函數(shù)樟蠕，我們?cè)谛枰臅r(shí)候只要調(diào)用就可以了嗅义，大大簡(jiǎn)化了我們做項(xiàng)目的步驟，節(jié)省了時(shí)間揭北。它的官方定義是：Query是一個(gè)快速扳炬、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（或JavaScript框架）搔体。jQuery設(shè)計(jì)的宗旨是“write Less恨樟，Do More”，即倡導(dǎo)寫(xiě)更少的代碼疚俱，做更多的事情劝术。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作养晋、事件處理衬吆、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
2绳泉、jQuery知識(shí)點(diǎn)介紹
1）逊抡、jQuery的引用
在使用jQuery之前我們都需要先引入jQuery文件，這樣我們?cè)诤罄m(xù)的代碼中使用零酪，jQuery源碼文件我們可以在jQuery官網(wǎng)中下載秦忿。引入代碼如下：
<script src="js/jquery-3.2.1.js"></script>
2）、animate()方法
animate()是一個(gè)動(dòng)畫(huà)函數(shù)蛾娶，在jQuery中所有物體對(duì)象的運(yùn)動(dòng)都會(huì)用到它灯谣，它必須傳入的參數(shù)有兩個(gè)，第一個(gè)是運(yùn)動(dòng)要到達(dá)的目標(biāo)值蛔琅，是一個(gè)json鍵值對(duì)的格式胎许，第二個(gè)是運(yùn)動(dòng)的時(shí)間。他還有兩個(gè)可選參數(shù)罗售，一個(gè)是運(yùn)動(dòng)類(lèi)型辜窑，另一個(gè)是回調(diào)函數(shù)。舉例：
$("div").animate({"width" : 200},2000,function(){})
上面的代碼就是讓某一個(gè)div元素用2秒的時(shí)間到達(dá)200像素的位置寨躁。
3）穆碎、獲取設(shè)置屬性的css()方法
jQuery中css()方法的作用是設(shè)置和獲取元素的屬性，當(dāng)只傳入一個(gè)字符串參數(shù)時(shí)是獲取屬性职恳，當(dāng)傳入json對(duì)象參數(shù)或者多個(gè)參數(shù)時(shí)是設(shè)置屬性所禀。
//獲取div的寬
$("div").css("width");
//設(shè)置div的寬為100px;
$("div").css("width",100);
//設(shè)置div的多個(gè)屬性值;
$("div").css({"width" : 100,"height" : 100});
4）、jQuery選擇器
jQuery中提供了許多選擇元素對(duì)象的選擇器放钦，讓我們選擇元素更加簡(jiǎn)單色徘。常用的有標(biāo)簽選擇器，類(lèi)選擇器操禀，id選擇器褂策。
//id選擇器
$("#id");
//類(lèi)選擇器
$(".class");
//標(biāo)簽選擇器
$("tagName");
除了以上選擇器，jQuery還提供了許多豐富的選擇器颓屑，在這里就不一一介紹了斤寂。
