jQuery 的功能

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

創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、寶興網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為寶興等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

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

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

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

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

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

拆解開來，就是：

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

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

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

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

（1）直接移動該元素；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

addClass('blue')

向被選元素添加一個或多個類。

該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。

on('click',fn)

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

off('click',fn)

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

jquery如何修改標(biāo)簽的內(nèi)容？

jquery如何修改標(biāo)簽的內(nèi)容步驟如下：

以下修改a標(biāo)簽的href鏈接和修改文字的代碼：

script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"/script

原鏈接：

a href="" id="home_keleyi_com"柯樂義/a

修改a標(biāo)簽的href鏈接：

$('#home_keleyi_com').attr('href','')

修改文字：

$("#home_keleyi_com").text('柯樂義首頁')

修改后的鏈接為：

a href="" id="home_keleyi_com"柯樂義首頁/a

jQuery定義：

jQuery是一套跨瀏覽器的JavaScript庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊進(jìn)行開發(fā)。全球前10000個訪問最高的網(wǎng)站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫。

參考資料

keleyi.jQuery[引用時間2018-1-5]

動態(tài)設(shè)置Jquery.html內(nèi)容

$("#list").html(""); //這句代碼執(zhí)行了

$("#list").html(table);//卻沒有執(zhí)行

jQuery獲取/設(shè)置表單內(nèi)容

原生js是通過value屬性來獲取/設(shè)置表單內(nèi)容

jQuery中是通過 val() 方法來獲取/設(shè)置表單內(nèi)容

動態(tài)數(shù)據(jù)添加和刪除練習(xí):

jquery 操作div內(nèi)容插入到另一個div

1、我們先引入jquery的腳本文件。

2、在html里，我們在一個div里有內(nèi)容「百度」。

3、后面添加一個按鈕，有一個changeText的事件函數(shù)。

4、在changeText方法里，我們先使用jquery通過id獲得對應(yīng)的div。

5、然后使用jquery的html方法來直接設(shè)置新的文字內(nèi)容就行了。

6、點(diǎn)擊按鈕后，div的文字內(nèi)容變成「百度知道」了。

jquery的什么方法用于設(shè)置或返回備選元素的內(nèi)容(包括標(biāo)簽不僅僅是文本)？

方法/步驟

新建html文件

請點(diǎn)擊輸入圖片描述

創(chuàng)建p元素文本和按鈕

請點(diǎn)擊輸入圖片描述

引入jquery.js

請點(diǎn)擊輸入圖片描述

html() 方法設(shè)置被選元素的內(nèi)容

請點(diǎn)擊輸入圖片描述

預(yù)覽效果如圖

請點(diǎn)擊輸入圖片描述

點(diǎn)擊按鈕，p元素內(nèi)容發(fā)生改變，預(yù)覽效果如圖

請點(diǎn)擊輸入圖片描述