Write less, do more, I like jQuery.
公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)推出浦城免費(fèi)做網(wǎng)站回饋大家。
jQuery是最常用的js庫(kù)，整體來(lái)說(shuō)非常輕量并易于擴(kuò)展，對(duì)于移動(dòng)應(yīng)用可以使用其更輕量的孿生兄弟Zepto代替。其是由John Resig于2006創(chuàng)建的開(kāi)源項(xiàng)目，極大的簡(jiǎn)化了javascript開(kāi)發(fā)人員遍歷HTML文檔、操作DOM、處理事件、開(kāi)發(fā)Ajax等操作，最有特色的形式是$(document).ready(function() {});其省略形式為：$(function() {});。
在使用jQuery時(shí)，需要注意jQuery對(duì)象和DOM對(duì)象的區(qū)別，通常對(duì)于jQuery對(duì)象，會(huì)在變量前加$，如var $variable=jQuery對(duì)象;?？梢酝ㄟ^(guò)如下方式對(duì)兩者進(jìn)行轉(zhuǎn)化。
jQuery對(duì)象轉(zhuǎn)化為DOM對(duì)象: var $cr = $('#cr');var cr = $cr[0];
DOM對(duì)象轉(zhuǎn)化為jQuery對(duì)象: var cr = document.getElementById('cr');var $cr = $(cr);
此外，在使用多個(gè)不同的javascript庫(kù)時(shí)，有可能會(huì)出現(xiàn)庫(kù)之間的沖突，可以通過(guò)如下方式解決。
重慶分公司
重慶分公司
jQuery.noConflict();
jQuery(function() {
jQuery('p').click(function() {
alert(jQuery(this).text());});});//推薦下面的方式var $j = jQuery.noConflict();
$j(function() {});
在介紹jQuery選擇器之前，首先引入CSS選擇器，如下表所示。
| 選擇器類型 | 示例 |
| 標(biāo)簽選擇器 | td{} |
| ID選擇器 | #note{} |
| 類選擇器 | div.classname{} |
| 群組選擇器 | 其實(shí)就是選擇器的組合 td,p,div,a{} |
| 后代選擇器 | #links a{} |
| 通配選擇器 | *{} |
| 其他選擇器 | 偽類選擇器、子選擇器、臨近選擇器和屬性選擇器 |
那么相應(yīng)的jQuery也會(huì)提供對(duì)應(yīng)的選擇器，并增加部分自定義的選擇器用于方便操作，主要包括基本選擇器、層次選擇器、過(guò)濾選擇器、表單選擇器等4類選擇器。
| jQuery選擇器 | 示例 |
| 基本選擇器 | |
| #id, .class, element | 最基本的id,類,元素選擇器 |
| * | 匹配所有元素, $("*") |
| selector1,selector2,… | 將每一個(gè)選擇器匹配到元素合并后一起返回 |
| 層次選擇器 | |
| $("ancestor descendant") | $('div span')選取 里所有的元素 |
| $("parent>child") | $('div>span')選取 元素下的子元素 |
| $("prev+next") | $('.one+div')選取class為one的下一個(gè) 元素 |
| $("prev~siblings") | $('#two~div')選取id為two的元素后面所有 兄弟元素 |
| 過(guò)濾選擇器 | |
| :first, :last | 選擇第一個(gè)/最后一個(gè)元素 |
| :not(selector) | 去除所有與給定選擇器匹配的元素 |
| :even, :odd | 選取索引為偶數(shù)/奇數(shù)所有的元素，初始索引為0開(kāi)始 |
| :eq(index),gt(index),:lt(index) | 選取索引等于/大于/小于index的元素 |
| :header | 選取所有標(biāo)題元素 |
| :animated | 選取當(dāng)前正在執(zhí)行動(dòng)畫(huà)的元素 |
| :contains(text) | 選取含有文本內(nèi)容的為text的元素 |
| :empty | 選取不包含子元素或者文本的空元素 |
| :has(selector) | 選取含有選擇器所匹配元素的元素 |
| :parent | 選取含有子元素或者文本的元素 |
| 表單選擇器 | |
| :input | 獲取所有, |