jQuery 的功能

該博客基于阮一峰前輩在2011年所做的分享（原鏈接： ）

專注于為中小企業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)奉新免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

jQuery的核心就是：可以選擇某個(gè)網(wǎng)頁(yè)元素,然后對(duì)其進(jìn)行某種操作

我們可知jQuery是一個(gè)構(gòu)造函數(shù)，那么我們就可以通過(guò)選擇表達(dá)式，把選中的元素，放進(jìn)jQuery構(gòu)造函數(shù)（$）當(dāng)中，從而得到選中的元素。

而選擇表達(dá)式可以是CSS選擇器：

也可以是jQuery特有的表達(dá)式：

在jQuery當(dāng)中最終選中網(wǎng)頁(yè)元素以后，可以對(duì)它進(jìn)行一系列操作，并且所有操作可以連接在一起，以鏈條的形式寫(xiě)出來(lái)，比如：

拆解開(kāi)來(lái)，就是：

這是jQuery最令人稱道、最方便的特點(diǎn)。它的原理在于每一步的jQuery操作所返回的都是一個(gè)jQuery對(duì)象，所以不同操作可以連在一起。

jQuery還提供了.end()方法，使得結(jié)果集可以后退一步：

創(chuàng)建新元素的方法非常簡(jiǎn)單，只要把新元素直接傳入jQuery的構(gòu)造函數(shù)就行了：

操作元素在網(wǎng)頁(yè)中的位置移動(dòng)有兩種方法：

（1）直接移動(dòng)該元素；

（2）移動(dòng)其他元素，使得目標(biāo)元素達(dá)到我們想要的位置。

（1）方法是使用.insertAfter()，把div元素移動(dòng)p元素后面：

（2）方法是使用.after()，把p元素加到div元素前面：

表面上看，這兩種方法的效果是一樣的，唯一的不同似乎只是操作視角的不同。但是實(shí)際上，它們有一個(gè)重大差別，那就是返回的元素不一樣。第一種方法返回div元素，第二種方法返回p元素。你可以根據(jù)需要，選擇到底使用哪一種方法。

使用這種模式的操作方法，一共有四對(duì)：

text(?) //讀寫(xiě)文本內(nèi)容

用于返回內(nèi)容時(shí)，則返回所有匹配元素的文本內(nèi)容（會(huì)刪除 HTML 標(biāo)記）。

用于設(shè)置內(nèi)容時(shí)，則重寫(xiě)所有匹配元素的內(nèi)容。

html(?) //讀寫(xiě)HTML內(nèi)容

設(shè)置或返回被選元素的 innerHTML（文本 + HTML 標(biāo)記）

attr('title',?) // 讀寫(xiě)屬性

設(shè)置或返回被選元素的屬性值。

css({color:'red'}) //讀寫(xiě)style

設(shè)置或返回被選元素的一個(gè)或多個(gè)樣式屬性。

addClass('blue')

向被選元素添加一個(gè)或多個(gè)類(lèi)。

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) class 屬性。

on('click',fn)

支持動(dòng)態(tài)綁定元素，即頁(yè)面上元素有添加或變化后仍可綁定,前提是selector須是目標(biāo)綁定元素的父元素

off('click',fn)

用于移除通過(guò) on()方法添加的事件處理程序

如何使用jquery

使用步驟如下：

1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。

2.然后我們來(lái)開(kāi)始編輯HTML界面代碼。

3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。

4.接著再書(shū)寫(xiě)一個(gè)script標(biāo)簽對(duì),里面寫(xiě)上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼

jquery的使用方法

使用步驟如下：

1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。

2.然后我們來(lái)開(kāi)始編輯HTML界面代碼。

3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。

4.接著再書(shū)寫(xiě)一個(gè)script標(biāo)簽對(duì),里面寫(xiě)上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼