最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊(cè)

教程揭秘 | 動(dòng)力節(jié)點(diǎn)內(nèi)部Java零基礎(chǔ)教學(xué)文檔第五篇:jQuery

2023-11-02 09:56 作者:動(dòng)力節(jié)點(diǎn)  | 我要投稿

接上期后續(xù)

本期分享第五章節(jié)-jQuery

已經(jīng)更完將近四分之一了,大家有什么收獲嗎?

有沒(méi)有覺(jué)得自己對(duì)Java的認(rèn)知更明確了呢?

但時(shí)間還久,后面要學(xué)還有很多~

大家需保持耐心慢慢來(lái)

爭(zhēng)取你們學(xué)習(xí)的速度!

跟上我更新的速度哦~?

今日新篇章

jQuery】?

【主要內(nèi)容】

1.?jQuery簡(jiǎn)介

2.?jQuery安裝

3.?jQuery語(yǔ)法

4.?jQuery選擇器

5.?jQuery事件處理

6.?jQueryDOM操作

7.?jQuery元素遍歷

8.?jQuery過(guò)濾

9.?jQuery其它方法

【學(xué)習(xí)目標(biāo)】

1.?jQuery簡(jiǎn)介

1.1?jQuery簡(jiǎn)介

jQuery 庫(kù)可以通過(guò)一行簡(jiǎn)單的標(biāo)記被添加到網(wǎng)頁(yè)中。

1.2?需要具備的基礎(chǔ)知識(shí)

在開(kāi)始學(xué)習(xí) jQuery 之前,應(yīng)該對(duì)以下知識(shí)有基本的了解:

HTML

CSS

JavaScript

1.3?什么是 jQuery

jQuery是一個(gè)JavaScript函數(shù)庫(kù)。???安全性、效率性、簡(jiǎn)潔性

jQuery是一個(gè)輕量級(jí)的"寫的少,做的多"的JavaScript庫(kù)。

jQuery庫(kù)包含以下功能:

??HTML 元素選取

??HTML 元素操作

??CSS 操作

??HTML 事件函數(shù)

??JavaScript 特效和動(dòng)畫

??HTML DOM 遍歷和修改

??AJAX

提示: 除此之外,jQuery還提供了大量的插件。

1.4?為什么使用 jQuery

目前網(wǎng)絡(luò)上有大量開(kāi)源的 JS 框架, 但是 jQuery 是目前最流行基于dom操作的 JS 框架,而且提供了大量的擴(kuò)展。

很多大公司都在使用 jQuery, 例如:

Google

阿里

騰訊

百度

Microsoft

IBM

Netflix

2.?jQuery安裝

2.1?官網(wǎng)

https://jquery.com/

2.2?下載

有兩個(gè)版本的 jQuery 可供下載:

Production version - 用于實(shí)際的網(wǎng)站中,已被精簡(jiǎn)和壓縮。

Development version - 用于測(cè)試和開(kāi)發(fā)(未壓縮,是可讀的代碼)

以上兩個(gè)版本都可以從www.jquery.com中下載。

https://jquery.com/download/

https://code.jquery.com/jquery-3.5.1.min.js

在本在創(chuàng)建一個(gè)jquery-3.5.1.min.js的文件

復(fù)制網(wǎng)頁(yè)里面的代碼到這個(gè)文件里就OK了

或者直接上github上面下載

https://github.com/jquery/jquery/tags

?

3.?jQuery 簡(jiǎn)單語(yǔ)法

3.1?JQuery作用

通過(guò) jQuery,您可以選?。ú樵儯琿uery) HTML 元素,并對(duì)它們執(zhí)行"操作"(actions)。

3.2?jQuery 語(yǔ)法

jQuery 語(yǔ)法是通過(guò)選取 HTML 元素,并對(duì)選取的元素執(zhí)行某些操作。

基礎(chǔ)語(yǔ)法: $(selector).action()

美元符號(hào)定義 jQuery

選擇符(selector)"查詢"和"查找" HTML 元素

jQuery 的 action() 執(zhí)行對(duì)元素的操作

實(shí)例:

3.3?文檔就緒事件

這是為了防止文檔在完全加載(就緒)之前運(yùn)行 jQuery 代碼。

如果在文檔沒(méi)有完全加載之前就運(yùn)行函數(shù),操作可能失敗。

3.3.1?方法一

3.3.2?方法二

?

4.?jQuery 選擇器

4.1?什么是jQuery 選擇器

jQuery 選擇器允許您對(duì) HTML 元素組或單個(gè)元素進(jìn)行操作。

jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素。 它基于已經(jīng)存在的 CSS 選擇器,除此之外,它還有一些自定義的選擇器。

jQuery 中所有選擇器都以美元符號(hào)開(kāi)頭:$()。

4.2?相關(guān)重點(diǎn)選擇器【重點(diǎn)掌握】

4.2.1?元素選擇器

jQuery 元素選擇器基于元素名選取元素。

在頁(yè)面中選取所有 <p> 元素:

$("p")/jQuery(“p”)

實(shí)例

用戶點(diǎn)擊按鈕后,所有 <p> 元素都隱藏:

實(shí)例


4.2.2?#id 選擇器

jQuery #id 選擇器通過(guò) HTML 元素的 id 屬性選取指定的元素。

頁(yè)面中元素的 id 應(yīng)該是唯一的,所以您要在頁(yè)面中選取唯一的元素需要通過(guò) #id 選擇器。

通過(guò) id 選取元素語(yǔ)法如下:

$("#test")

實(shí)例

當(dāng)用戶點(diǎn)擊按鈕后,有 id="test" 屬性的元素將被隱藏:

實(shí)例

4.2.3?.class 選擇器

jQuery 類選擇器可以通過(guò)指定的 class 查找元素。

語(yǔ)法如下:

$(".test")

實(shí)例

用戶點(diǎn)擊按鈕后所有帶有 屬性的元素都隱藏:

實(shí)例

4.3?其它選擇器【熟悉】

$("*")選取所有元素

$(this)?選取當(dāng)前的html元素

$("p.intro") 選擇class為intro的p元素?

$("p:first") 選取第一個(gè)p元素

$("p:last") 選取最后一個(gè)p元素

$("[href]") 選取帶有href屬性的元素?

$("[href=]") 選取帶有href并屬性值等于某個(gè)值的元素

$("a[target=’_blank’]") 選取a標(biāo)簽中有target屬性并且屬性值為_(kāi)blank的元素

$(":button") 選取頁(yè)面所有的button

$(":checked") 選取頁(yè)面所有的被選中

$("tr:even") 選取偶數(shù)位的tr

$("tr:odd")選取奇數(shù)位的tr

$(":selected")選取select中被選中的元素

?

5.?jQuery 事件

5.1?什么是事件?

頁(yè)面對(duì)不同訪問(wèn)者的響應(yīng)叫做事件。

事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時(shí)所調(diào)用的方法。

5.1.1?實(shí)例:

?在元素上移動(dòng)鼠標(biāo)。

?選取單選按鈕

?點(diǎn)擊元素

在事件中經(jīng)常使用術(shù)語(yǔ)"觸發(fā)"(或"激發(fā)")例如: "當(dāng)您按下按鍵時(shí)觸發(fā) keypress 事件"。

5.1.2?常見(jiàn) DOM 事件:

5.2?簡(jiǎn)單用法

在 jQuery 中,大多數(shù) DOM 事件都有一個(gè)等效的 jQuery 方法。

頁(yè)面中指定一個(gè)點(diǎn)擊事件:

$("p").click();

下一步是定義什么時(shí)間觸發(fā)事件??梢酝ㄟ^(guò)一個(gè)事件函數(shù)實(shí)現(xiàn):

$("p").click(function(){

????// 動(dòng)作觸發(fā)后執(zhí)行的代碼!!

});

5.3?常用的 jQuery 事件方法

?要想使用事件是必須使用文檔就緒的方法的

$()

$() 方法允許我們?cè)谖臋n完全加載完后執(zhí)行函數(shù)。該事件方法在 jQuery 簡(jiǎn)單語(yǔ)法中已經(jīng)提到過(guò)。

5.3.1?單擊事件

事件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?描述

? ? ? ? ? ? ? ?? click? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象

實(shí)例:給文檔中的 id="box" 元素添加點(diǎn)擊事件。

?

在jQuery的事件中,我們也可以主動(dòng)的響應(yīng)對(duì)應(yīng)的事件。

$("#box").click();

5.3.2?雙擊事件

事件? ? ? ? ? ? ? ? ? ? ??描述

? ? ? ? ??? ? ? dblclick? ? ? ? ? ? ? ? ? 鼠標(biāo)雙擊某個(gè)對(duì)象

實(shí)例:給文檔中的 id="btn" 元素添加點(diǎn)擊事件。

?

?

5.3.3?焦點(diǎn)事件

事件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ?描述

? ? ?focus? ? ? ? ? ? ? ? ? ? ? ?元素獲得焦點(diǎn)時(shí)觸發(fā)

? ?? blur? ? ? ? ? ? ? ? ? ? ? ?元素失去焦點(diǎn)時(shí)觸發(fā)

實(shí)例:給文檔中的<input>元素添加點(diǎn)擊事件。

?

5.3.4?改變事件

? ? ? ? ? ?事件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??描述

change? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 域的內(nèi)容被改變觸發(fā),用于input、select和textarea標(biāo)簽。

當(dāng)用于 select 元素時(shí),change 事件會(huì)在選擇某個(gè)選項(xiàng)時(shí)發(fā)生。當(dāng)用于 input 或 textarea 時(shí),該事件會(huì)在元素失去焦點(diǎn)時(shí)發(fā)生。

?

實(shí)例:給文檔中的<select>和<input>元素添加改變事件。

5.3.5?鼠標(biāo)事件


當(dāng)鼠標(biāo)指針穿過(guò)元素時(shí),會(huì)發(fā)生 onmouseenter 事件。該事件大多數(shù)時(shí)候會(huì)與 onmouseleave 事件一起使用。onmouseover 事件和 onmouseout 事件一起使用。

與 onmouseover 事件不同,只有在鼠標(biāo)指針穿過(guò)被選元素時(shí),才會(huì)觸發(fā) onmouseenter 事件。如果鼠標(biāo)指針穿過(guò)任何子元素,同樣會(huì)觸發(fā) onmouseover 事件。

實(shí)例:給文檔中的id="box"元素添加鼠標(biāo)事件。

?

?

5.3.6?hover事件

語(yǔ)法: hover([fnOver,] fnOut)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ??參數(shù)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?描述

fnOver? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 鼠標(biāo)移到元素上要觸發(fā)的函數(shù)。

fnOut? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?鼠標(biāo)移出元素要觸發(fā)的函數(shù)。

一個(gè)模仿懸停事件(鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象)的方法。

?

當(dāng)鼠標(biāo)移動(dòng)到一個(gè)匹配的元素上面時(shí)(mouseenter),會(huì)觸發(fā)指定的第一個(gè)函數(shù)。當(dāng)鼠標(biāo)移出這個(gè)元素時(shí)(mouseleave),會(huì)觸發(fā)指定的第二個(gè)函數(shù)。

?

5.4?event事件對(duì)象

5.4.1?event屬性


5.4.2?event方法

方法? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ???描述? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?事件

stopPropagation()? ? ? ? ? ? ? ? ? ? 阻止事件冒泡。? ? ? ? ? ? ? ? ? ? ? ? ? ? ?任意事件

preventDefault()? ? ? ? ? ? ? ? ? ? ? ? 阻止事件的默認(rèn)動(dòng)作。? ? ? ? ? ? ? ? ? ? ? ? ?任意事件

事件冒泡:是因?yàn)槭录?huì)按照DOM的層次結(jié)構(gòu)像水泡一樣不多向上直至頂端。

?

實(shí)例:阻止文檔中class="child" 的元素事件派發(fā)。

?

?

實(shí)例:阻止文檔中 元素的默認(rèn)行為。

?

6.?jQuery DOM操作【重中之中】

6.1?jQuery 捕獲

jQuery DOM 操作

jQuery 中非常重要的部分,就是操作 DOM 的能力。

jQuery 提供一系列與 DOM 相關(guān)的方法,這使訪問(wèn)和操作元素和屬性變得很容易。

DOM = Document Object Model(文檔對(duì)象模型)

DOM 定義訪問(wèn) HTML 和 XML 文檔的標(biāo)準(zhǔn):

"W3C 文檔對(duì)象模型獨(dú)立于平臺(tái)和語(yǔ)言的界面,允許程序和腳本動(dòng)態(tài)訪問(wèn)和更新文檔的內(nèi)容、結(jié)構(gòu)以及樣式。

6.1.1?獲得內(nèi)容 - text()、html() 以及 val()

三個(gè)簡(jiǎn)單實(shí)用的用于 DOM 操作的 jQuery 方法:

text() - 設(shè)置或返回所選元素的文本內(nèi)容

html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)

val() - 設(shè)置或返回表單字段的值

下面的例子演示如何通過(guò) jQuery text() 和 html() 方法來(lái)獲得內(nèi)容:

下面的例子演示如何通過(guò) jQuery val() 方法獲得輸入字段的值:

6.1.2?獲取屬性 - attr()

jQuery attr() 方法用于獲取屬性值。

下面的例子演示如何獲得鏈接中 href 屬性的值:

實(shí)例

6.1.3?獲取屬性 - prop()

對(duì)于HTML元素本身就帶有的固有屬性,在處理時(shí),使用prop方法。快速,準(zhǔn)確。

對(duì)于HTML元素我們自己自定義的DOM屬性,在處理時(shí),使用attr方法。

注意:在select和radio和checkbox中我們?nèi)elected checked屬性應(yīng)使用prop

?

6.2?jQuery 設(shè)置

6.2.1?設(shè)置內(nèi)容 - text()、html() 以及 val()【重點(diǎn)】

我們將使用前一章中的三個(gè)相同的方法來(lái)設(shè)置內(nèi)容:

text() - 設(shè)置或返回所選元素的文本內(nèi)容

html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)

val() - 設(shè)置或返回表單字段的值

下面的例子演示如何通過(guò) text()、html() 以及 val() 方法來(lái)設(shè)置內(nèi)容:

實(shí)例

?

6.2.2?text()、html() 以及 val() 的回調(diào)函數(shù)

上面的三個(gè) jQuery 方法:text()、html() 以及 val(),同樣擁有回調(diào)函數(shù)?;卣{(diào)函數(shù)有兩個(gè)參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的 text() 和 html():

?

【注意】:html(function(index, html))?index為元素在集合中的索引位置,html為原先的HTML值

6.2.3?設(shè)置屬性 - attr()

jQuery attr() 方法也用于設(shè)置/改變屬性值。

下面的例子演示如何改變(設(shè)置)鏈接中 href 屬性的值:

?

?

attr() 方法也允許您同時(shí)設(shè)置多個(gè)屬性。

下面的例子演示如何同時(shí)設(shè)置 href 和 title 屬性:

實(shí)例

?

6.2.4?attr() 的回調(diào)函數(shù)

jQuery 方法 attr(),也提供回調(diào)函數(shù)。回調(diào)函數(shù)有兩個(gè)參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的 attr() 方法:

6.2.5?設(shè)置屬性 - prop()

對(duì)于HTML元素本身就帶有的固有屬性,在處理時(shí),使用prop方法??焖?,準(zhǔn)確。

對(duì)于HTML元素我們自己自定義的DOM屬性,在處理時(shí),使用attr方法。

注意:在select和radio和checkbox中我們?nèi)elected checked屬性應(yīng)使用prop

?

6.3?jQuery 添加元素

添加新的 HTML 內(nèi)容

我們將學(xué)習(xí)用于添加新內(nèi)容的四個(gè) jQuery 方法:

append() - 在被選元素的內(nèi)部結(jié)尾插入內(nèi)容

prepend() - 在被選元素的內(nèi)部開(kāi)頭插入內(nèi)容

after() - 在被選元素之后插入內(nèi)容

before() - 在被選元素之前插入內(nèi)容

6.3.1?jQuery append() 方法

jQuery append() 方法在被選元素的內(nèi)部結(jié)尾插入內(nèi)容。

實(shí)例

$("p").append("追加文本");

6.3.2?jQuery prepend() 方法

jQuery prepend() 方法在被選元素的內(nèi)部開(kāi)頭插入內(nèi)容。

實(shí)例$("p").prepend("在開(kāi)頭追加文本");

通過(guò) append() 和 prepend() 方法添加若干新元素

在上面的例子中,我們只在被選元素的開(kāi)頭/結(jié)尾插入文本/HTML。

不過(guò),append() 和 prepend() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素??梢酝ㄟ^(guò) jQuery 來(lái)生成文本/HTML(就像上面的例子那樣),或者通過(guò) JavaScript 代碼和 DOM 元素。

在下面的例子中,我們創(chuàng)建若干個(gè)新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) append() 方法把這些新元素追加到文本中(對(duì) prepend() 同樣有效):

?

6.3.3?jQuery after() 和 before() 方法

jQuery after() 方法在被選元素之后插入內(nèi)容。

jQuery before() 方法在被選元素之前插入內(nèi)容。

實(shí)例

$("img").after("在后面添加文本");

$("img").before("在前面添加文本");

通過(guò) after() 和 before() 方法添加若干新元素

after() 和 before() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素??梢酝ㄟ^(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建新元素。

在下面的例子中,我們創(chuàng)建若干新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) after() 方法把這些新元素插到文本中(對(duì) before() 同樣有效):

?

?

6.4?jQuery 刪除元素

通過(guò) jQuery,可以很容易地刪除已有的 HTML 元素。

刪除元素/內(nèi)容

如需刪除元素和內(nèi)容,一般可使用以下兩個(gè) jQuery 方法:

remove() - 刪除被選元素(及其子元素)

?

empty() - 從被選元素中刪除子元素

?

6.4.1?jQuery remove() 方法

jQuery remove() 方法刪除被選元素及其子元素。

實(shí)例 ???$("#div1").remove();

6.4.2?jQuery empty() 方法

jQuery empty() 方法刪除被選元素的子元素。

實(shí)例 ???$("#div1").empty();

3,過(guò)濾被刪除的元素

jQuery remove() 方法也可接受一個(gè)參數(shù),允許您對(duì)被刪元素進(jìn)行過(guò)濾。

該參數(shù)可以是任何 jQuery 選擇器的語(yǔ)法。

下面的例子刪除 的所有 <p> 元素:

實(shí)例

$("p").remove(".italic");

6.5?jQuery CSS 類???

jQuery 操作 CSS

jQuery 擁有若干進(jìn)行 CSS 操作的方法。我們將學(xué)習(xí)下面這些:

addClass() - 向被選元素添加一個(gè)或多個(gè)類

removeClass() - 從被選元素刪除一個(gè)或多個(gè)類

toggleClass() - 對(duì)被選元素進(jìn)行添加/刪除類的切換操作

css() - 設(shè)置或返回樣式屬性

實(shí)例樣式表

下面的樣式表將用于本頁(yè)的所有例子:

6.5.1?jQuery addClass() 方法

下面的例子展示如何向不同的元素添加 class 屬性。當(dāng)然,在添加類時(shí),您也可以選取多個(gè)元素:

實(shí)例

?

6.5.2?jQuery removeClass() 方法

下面的例子演示如何在不同的元素中刪除指定的 class 屬性:

?

6.5.3?jQuery toggleClass() 方法

下面的例子將展示如何使用 jQuery toggleClass() 方法。該方法對(duì)被選元素進(jìn)行添加/刪除類的切換操作:

6.6?jQuery css() 方法

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

6.6.1?返回 CSS 屬性

如需返回指定的 CSS 屬性的值,請(qǐng)使用如下語(yǔ)法:

css("propertyname");

下面的例子將返回首個(gè)匹配元素的 background-color 值:

實(shí)例

$("p").css("background-color");

?

6.6.2?設(shè)置 CSS 屬性

如需設(shè)置指定的 CSS 屬性,請(qǐng)使用如下語(yǔ)法:

css("propertyname","value");

下面的例子將為所有匹配元素設(shè)置 background-color 值:

實(shí)例

$("p").css("background-color","yellow");

?

6.6.3?設(shè)置多個(gè) CSS 屬性

如需設(shè)置多個(gè) CSS 屬性,請(qǐng)使用如下語(yǔ)法:

css({"propertyname":"value","propertyname":"value",...});

下面的例子將為所有匹配元素設(shè)置 background-color 和 font-size:

實(shí)例

$("p").css({"background-color":"yellow","font-size":"200%"});

?

7.?jQuery和DOM對(duì)象互轉(zhuǎn)【重點(diǎn)】

7.1?jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象

兩種轉(zhuǎn)換方式將一個(gè)jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象:[index]和.get(index);

(1)jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象,可以通過(guò)[index]的方法,來(lái)得到相應(yīng)的DOM對(duì)象。

如:var $v =$("#v") ; //jQuery對(duì)象

var v=$v[0]; //DOM對(duì)象

alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中

(2)jQuery本身提供,通過(guò).get(index)方法,得到相應(yīng)的DOM對(duì)象

如:var $v=$("#v"); //jQuery對(duì)象

var v=$v.get(0); //DOM對(duì)象

alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中

7.2?DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象

對(duì)于已經(jīng)是一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來(lái),就可以獲得一個(gè)jQuery對(duì)象了。$(DOM對(duì)象)

如:var v=document.getElementById("v"); //DOM對(duì)象

var $v=$(v); //jQuery對(duì)象

轉(zhuǎn)換后,就可以任意使用jQuery的方法了。

通過(guò)以上方法,可以任意的相互轉(zhuǎn)換jQuery對(duì)象和DOM對(duì)象。需要再?gòu)?qiáng)調(diào)注意的是:DOM對(duì)象才能使用DOM中的方法,jQuery對(duì)象是不可以用DOM中的方法。

8.?【掌握】表單處理

8.1?解決表單提交的冒泡問(wèn)題

?

?

8.2?serializeArray()與serialize()的區(qū)別

serializeArray()返回一個(gè)JSON數(shù)組 ,里面是表單屬性的name的屬性值和value

serialize()返回的是一個(gè) 查詢參數(shù)id=1&name=2&gender=3&sal=4

?

9.?【掌握】jQuery each()方法

9.1?語(yǔ)法

$(selector).each(function(index,element))

9.2?案例

?

9.3?循環(huán)JSON數(shù)組生成無(wú)刷新的table并能刪除和添加

?

更多干貨我們下期再說(shuō)!

下期會(huì)分享

第六章節(jié)

Vue基礎(chǔ)與Element UI

相關(guān)知識(shí)~

下期見(jiàn)!





教程揭秘 | 動(dòng)力節(jié)點(diǎn)內(nèi)部Java零基礎(chǔ)教學(xué)文檔第五篇:jQuery的評(píng)論 (共 條)

分享到微博請(qǐng)遵守國(guó)家法律
定西市| 贵德县| 广州市| 营口市| 鄂托克旗| 朔州市| 奇台县| 金川县| 夏津县| 皋兰县| 邹平县| 左贡县| 育儿| 虞城县| 左权县| 巴林左旗| 南皮县| 瓮安县| 崇阳县| 西乌珠穆沁旗| 光泽县| 崇义县| 裕民县| 城市| 高要市| 逊克县| 万安县| 新昌县| 茂名市| 宜阳县| 宜宾县| 开阳县| 观塘区| 德阳市| 鹰潭市| 桐柏县| 辽源市| 北安市| 咸丰县| 克什克腾旗| 阳江市|