Jquery實(shí)戰(zhàn)

Jquery實(shí)戰(zhàn)

創(chuàng)新互聯(lián)建站是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā)，網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站模板，微信公眾號(hào)開發(fā)，軟件開發(fā)，小程序設(shè)計(jì)，十余年建站對(duì)混凝土攪拌罐車等多個(gè)方面，擁有豐富的網(wǎng)站維護(hù)經(jīng)驗(yàn)。

基本的CSS選擇器

熟悉web開發(fā)的人員一定對(duì)css的選擇功能相當(dāng)?shù)牧私?，通過css選擇功能，我們可以在css樣式文件里輕松的將樣式應(yīng)用到選擇的頁(yè)面元素上。jQuery也正是采用了這樣的機(jī)制，使jQuery的元素選擇能力易常強(qiáng)大。

a——選擇所有元素

#specialID——選擇匹配id為specialID的元素

.specialClass——選擇匹配擁有css類sepcialClass的元素

a#specialID.specialClass——選擇匹配id為specialID、有用css類specialClass的元素

p a.specialClass——匹配擁有css類specialClass、在

元素內(nèi)的元素

除了支持傳統(tǒng)的css選擇器，Jquery還支持CSS3選擇功能。

子節(jié)點(diǎn)選擇器

$("p a") 選擇元素

的直接子節(jié)點(diǎn)的元素，非直接子節(jié)點(diǎn)的元素將不會(huì)被選擇到

特性選擇器

特性選擇器在匹配的選擇元素上過濾滿足某特性(屬性)的元素

如我們需要做如下的'選擇：匹配所有指向本網(wǎng)站之外地址的鏈接，我們可以這樣選擇

$("a[href^=http://") 該選擇器選擇具有href屬性，且href屬性值以http://開始的鏈接元素

特性選擇的語(yǔ)法是：

選擇具有某特性(屬性)的元素

form[method]

選擇具有某特性，且屬性值為指定值的元素

input[type=text]

選擇匹配特性以特定字符開頭的元素

div[title^=my] ——選擇匹配title特性值已my開頭的所有div元素

選擇匹配特性以特定字符結(jié)束的元素

a[href$=.pdf] ——選擇引用了pdf文件的所有鏈接元素

其他

a[href*=jquery.com]選擇引用jQuery網(wǎng)站的所有鏈接元素

過濾符

通過過濾符選擇器可以在已選擇的元素中過濾出需要的元素，上面的特性選擇器也屬于過濾符，另外還有“:”字符

如：

li:has(a)—— 選擇匹配包含元素的所有

元素

1. 基礎(chǔ)過濾符：

:first：匹配多個(gè)對(duì)象中的第一個(gè)對(duì)象

:last：匹配多個(gè)對(duì)象中的最后一個(gè)對(duì)象

:not(selector)：匹配去除了not后面選擇符中內(nèi)容的項(xiàng)，not中的selector只能是過濾選擇器，不能是查找選擇器

:even：匹配所有對(duì)象中的第偶數(shù)個(gè)

:odd：匹配所有對(duì)象中的第奇數(shù)個(gè)

:eq(index)：匹配某一下表的單獨(dú)某元素

:gt(index)：匹配大于某一下標(biāo)的所有元素

:lt(index)：匹配小于某一下標(biāo)的所有元素

:header：匹配所有的header元素，例如h1,h2,h3,h4,h5,h6

:animated：匹配所有有動(dòng)畫效果的元素

2. 內(nèi)容過濾符：

:contains(text)：匹配內(nèi)部擁有該文本元素的對(duì)象，包含間接有用的情況

:empty：匹配所有沒有子元素的對(duì)象

:has(selector)：匹配所有至少含有一個(gè)子選擇符的對(duì)象

:parent：匹配元素，這些元素包含子元素（包括文本元素）

3. 可見性過濾符：

:hidden：匹配所有隱藏對(duì)象，或者input中的hidden類型

:visible：匹配所有可見的對(duì)象

4. 子過濾符：

:nth-child(index/even/odd/equation)：匹配子元素中的某一下標(biāo)/偶數(shù)/奇數(shù)/等式的對(duì)象，:eq(index)只能匹配某單一對(duì)象的子元素特征，而這個(gè)方法可以匹配多個(gè)對(duì)象的某一子元素共同特征 nth-child過濾器，從1開始計(jì)數(shù)，這主要是與css標(biāo)準(zhǔn)兼容。

:first-child：匹配第一個(gè)子元素

:last-child：匹配最后一個(gè)子元素

這兩個(gè)匹配符也可以對(duì)多個(gè)父對(duì)象的所有子元素進(jìn)行匹配操作

:only-child：如果一個(gè)父元素只有一個(gè)子元素，就匹配這個(gè)子元素

5. 表單過濾符

:input ：匹配表單內(nèi)input元素

:text ：匹配表單內(nèi)input type為text的元素

:password ：匹配表單內(nèi)input type為password的元素

:radio ：匹配表單內(nèi)input type為radio的元素

:checkbox ：匹配表單內(nèi)input type為checkbox的元素

:submit ：匹配表單內(nèi)input type為submit的元素

:image ：匹配表單內(nèi)image的元素

:reset ：匹配表單內(nèi)input type為reset的元素

:button ：匹配表單內(nèi)input type為button的元素

:file ：匹配表單內(nèi)input type為file的元素.

:hidden ：匹配表單內(nèi)input type為hidden的元素或者h(yuǎn)idden區(qū)域

:enabled ：匹配所有啟用元素

:disabled ：匹配所有非啟用元素

:checked ：匹配所有選中元素

:selected ：匹配所有下拉列表選中元素

查找選擇器和篩選選擇器的概念區(qū)別

為了能靈活的使用jQuery,認(rèn)清查找選擇器、篩選選擇器之間的區(qū)別是非常重要的。篩選選擇器，通過對(duì)元素應(yīng)用更高的選擇標(biāo)準(zhǔn)（如過濾特性或或其他相關(guān)值），縮小正在匹配的元素的集合；查找選擇器，比如后代選擇器（空格）、子節(jié)點(diǎn)選擇器（）以及兄弟節(jié)點(diǎn)選擇器（+）等，則查找與已選擇元素具有某種關(guān)系的其他元素，而不是通過把標(biāo)準(zhǔn)應(yīng)用于已匹配元素來限制匹配范圍。 ;

《JQuery入門實(shí)戰(zhàn)》pdf下載在線閱讀全文，求百度網(wǎng)盤云資源

《JQuery入門實(shí)戰(zhàn)》百度網(wǎng)盤pdf最新全集下載:

鏈接:

?pwd=u9ur 提取碼: u9ur

簡(jiǎn)介：《JQuery入門實(shí)戰(zhàn)》詳細(xì)地講解了JQury的各種方法和使用技巧，讀者可以系統(tǒng)地掌握J(rèn)Qury中關(guān)于DOM操作、事件、動(dòng)畫效果、表單操作、Ajax以及插入方面的知識(shí)點(diǎn)。 ?

《JavaScript和jQuery實(shí)戰(zhàn)手冊(cè)（原書第3版）》pdf下載在線閱讀，求百度網(wǎng)盤云資源

《JavaScript和jQuery實(shí)戰(zhàn)手冊(cè)（原書第3版）》電子書網(wǎng)盤下載免費(fèi)在線閱讀

資源鏈接：

鏈接：

密碼：9hja ?

書名：JavaScript和jQuery實(shí)戰(zhàn)手冊(cè)（原書第3版）

出版社：機(jī)械工業(yè)出版社

出版年份：2017-3-1

內(nèi)容簡(jiǎn)介：

jQuery可以大大改進(jìn)網(wǎng)頁(yè)的動(dòng)畫、交互性和視覺效果，但學(xué)習(xí)該門語(yǔ)言不太容易。本書通過一步步引導(dǎo)基礎(chǔ)知識(shí)，展示了如何使用jQuery（即預(yù)先寫好的代碼庫(kù)）來節(jié)省時(shí)間和精力，以及jQueryUI插件中的創(chuàng)新。

作者簡(jiǎn)介：

大衛(wèi)·索耶·麥法蘭德，公司總裁，資歷Web應(yīng)用開發(fā)工程師、培訓(xùn)講師和技術(shù)作家。在Web開發(fā)方面擁有將近20年的工作經(jīng)驗(yàn)，具有很好高的度和很好大的影響力。曾擔(dān)任加州大學(xué)伯利分校的網(wǎng)絡(luò)負(fù)責(zé)人，他還在加州大學(xué)伯利分校新聞學(xué)研究生院和波特蘭州立大學(xué)任教。他居住在波特蘭，并撰寫了Adobe Dreamweaver和CSS方面的Missing Manual系列書。

名稱欄目：jQuery實(shí)戰(zhàn),jquery實(shí)戰(zhàn)電子版
當(dāng)前路徑：http://chinadenli.net/article10/dsshedo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站營(yíng)銷、響應(yīng)式網(wǎng)站、網(wǎng)站內(nèi)鏈、定制開發(fā)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)