首先，在頁(yè)面頂部添加 script 標(biāo)簽， 記得添加結(jié)束標(biāo)簽。
創(chuàng)新互聯(lián)公司于2013年成立，先為興縣等服務(wù)建站，興縣等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為興縣企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
瀏覽器會(huì)運(yùn)行 script 標(biāo)簽所有的 JavaScript 腳本包括 jQuery。
在 script 標(biāo)簽中添加代碼 $(document).ready(function() {。 然后在后面（仍在該 script 標(biāo)簽內(nèi)）用 }); 閉合它。只要瀏覽器加載頁(yè)面，function 中放入的代碼就會(huì)運(yùn)行。
有一點(diǎn)很重要，如果沒(méi)有 document ready function，代碼將在 HTML 頁(yè)面呈現(xiàn)之前運(yùn)行，這可能會(huì)導(dǎo)致錯(cuò)誤。
重慶分公司
重慶分公司
$(document).ready(function() {
});
所有的 jQuery 函數(shù)都以 $ 開(kāi)頭，這個(gè)符號(hào)通常被稱為美元符號(hào)（dollar sign operator）或 bling。
jQuery 通常選取并操作帶有選擇器（selector）的 HTML 標(biāo)簽。
比如，想要給 button 元素添加跳躍效果。 只需要在 document ready 函數(shù)內(nèi)添加如下代碼:
$("button").addClass("animated bounce");
使用 $(".well") 選取類為 well 的 div 標(biāo)簽。
jQuery 的 .addClass() 方法用來(lái)給標(biāo)簽添加類。
值得注意的是，和 CSS 聲明一樣，在類名前需要添加 .。
$(".well").addClass("animated shake");
首先，用 $("#target3") 選擇器選取 id 為 target3 的 button 標(biāo)簽。
注意，和 CSS 聲明一樣，在 id 名前需要添加 #。
$("#target3").addClass("animated fadeOut");
利用 jQuery 的 removeClass() 方法移除。
$("button").removeClass("btn-default");
用 jQuery 直接改變 HTML 標(biāo)簽的 CSS。
jQuery 有一個(gè) .css() 方法，能改變標(biāo)簽的 CSS。
下面的代碼效果是把顏色變藍(lán)：
$("#target1").css("color", "blue");
這與通常的 CSS 聲明略有不同，因?yàn)檫@個(gè) CSS 屬性和值在英文引號(hào)里，并且它們用逗號(hào)而不是冒號(hào)間隔開(kāi)。
$("#target1").css("color", "red");
用 jQuery 改變 HTML 標(biāo)簽的非 CSS 屬性， 例如：禁用按鈕。
當(dāng)禁用按鈕時(shí)，它將變成灰色并無(wú)法點(diǎn)擊。
jQuery 有一個(gè) .prop() 方法，可以用其調(diào)整標(biāo)簽的屬性。
下面是禁用所有的按鈕的代碼：
$("button").prop("disabled", true);
通過(guò) jQuery 改變?cè)亻_(kāi)始和結(jié)束標(biāo)簽之間的文本。 甚至改變 HTML 標(biāo)簽。
jQuery 有一個(gè) .html() 函數(shù)，能用其在標(biāo)簽里添加 HTML 標(biāo)簽和文本， 函數(shù)提供的內(nèi)容將完全替換之前標(biāo)簽的內(nèi)容。
下面是重寫(xiě)并強(qiáng)調(diào)標(biāo)題文本的代碼：
$("h3").html("jQuery Playground");
jQuery 還有一個(gè)類似的函數(shù) .text()，可以在不添加標(biāo)簽的前提下改變標(biāo)簽內(nèi)的文本。
注意， 標(biāo)簽雖然傳統(tǒng)上用來(lái)強(qiáng)調(diào)文本，但此后常用作圖標(biāo)(Font Awesome)的標(biāo)簽。 標(biāo)簽作為強(qiáng)調(diào)標(biāo)簽現(xiàn)在已被廣泛接受。
$("#target4").html("#target4");
用 jQuery 從頁(yè)面移除 HTML 標(biāo)簽。
jQuery 有一個(gè) .remove() 方法，能完全移除 HTML 標(biāo)簽。
$("#target4").remove();
現(xiàn)在來(lái)把標(biāo)簽從一個(gè) div 移動(dòng)到另一個(gè)里。
jQuery 有一個(gè) appendTo() 方法，可以選取 HTML 標(biāo)簽并將其添加到另一個(gè)標(biāo)簽里面。
例如，如果要把 target4 從 right well 移到 left well，可以設(shè)置如下
$("#target4").appendTo("#left-well");
也可以把元素從一個(gè)地方復(fù)制到另一地方。
jQuery 有一個(gè) clone() 方法，可以復(fù)制標(biāo)簽。
例如，如果想把 target2 從 left-well 復(fù)制到 right-well，可以設(shè)置如下：
$("#target2").clone().appendTo("#right-well");
是否注意到這兩個(gè) jQuery 函數(shù)連在一起了？ 這被稱為鏈?zhǔn)秸{(diào)用（function chaining），是一種用 jQuery 實(shí)現(xiàn)效果的簡(jiǎn)便方法。
每個(gè) HTML 標(biāo)簽都默認(rèn) inherits（繼承）其 parent（父標(biāo)簽）的 CSS 屬性。
jQuery 有一個(gè) parent() 方法，可以訪問(wèn)被選取標(biāo)簽的父標(biāo)簽。
下面的代碼展示了使用 parent() 方法把 left-well 標(biāo)簽的父標(biāo)簽背景色設(shè)置成藍(lán)色（blue）：
$("#left-well").parent().css("background-color", "blue");
把 HTML 標(biāo)簽放到另一個(gè)級(jí)別的標(biāo)簽里，這些 HTML 標(biāo)簽被稱為該標(biāo)簽的子標(biāo)簽（children element）。
jQuery 有一個(gè) children() 方法，可以訪問(wèn)被選取標(biāo)簽的子標(biāo)簽。
下面的代碼展示了用 children() 方法把 left-well 標(biāo)簽的子標(biāo)簽的顏色設(shè)置成 blue（藍(lán)色）：
$("#left-well").children("color", "blue");
jQuery 可以用 CSS 選擇器（CSS Selectors）選取標(biāo)簽。 target:nth-child(n) CSS 選擇器可以選取指定 class 或者元素類型的的第 n 個(gè)標(biāo)簽。
下面的代碼展示了給每個(gè)區(qū)域（well）的第 3 個(gè)標(biāo)簽設(shè)置彈跳（bounce）動(dòng)畫(huà)效果：
$(".target:nth-child(3)").addClass("animated bounce");
也可以用基于位置的奇 :odd 和偶 :even 選擇器選取標(biāo)簽。
注意，jQuery 是零索引（zero-indexed）的，這意味著第 1 個(gè)標(biāo)簽的位置編號(hào)是 0。 這有點(diǎn)混亂和反?！?span id="squ6kqw" class="md-pair-s">:odd 表示選擇第 2 個(gè)標(biāo)簽（位置編號(hào) 1），第 4 個(gè)標(biāo)簽（位置編號(hào) 3）……等等，以此類推。
下面的代碼展示了選取所有 target class 元素的奇數(shù)元素并設(shè)置 sheke 效果：
$(".target:odd").addClass("animated shake");
。請(qǐng)記住， 偶數(shù)指的是基于零系統(tǒng)的元素的位置。
jQuery 也能選取 body 標(biāo)簽。
$("body").addClass("animated hinge");
