文章插圖
jQuery ， 顧名思義是JavaScript和查詢（Query） ， jQuery是免費(fèi)、開源的 。它可以簡(jiǎn)化查詢DOM對(duì)象、處理事件、制作動(dòng)畫、處理Ajax交互過(guò)程且兼容多瀏覽器的javascript庫(kù) ， 核心理念是write less,do more(寫得更少,做得更多) 。
jQuery優(yōu)勢(shì)體積小 ， 使用靈巧（只需引入一個(gè)js文件） 。方便的選擇頁(yè)面元素（模仿CSS選擇器更精確、靈活） 。動(dòng)態(tài)更改頁(yè)面樣式/頁(yè)面內(nèi)容（操作DOM ， 動(dòng)態(tài)添加、移除樣式） ?？刂祈憫?yīng)事件（動(dòng)態(tài)添加響應(yīng)事件） 。提供基本網(wǎng)頁(yè)特效（提供已封裝的網(wǎng)頁(yè)特效方法） 。快速實(shí)現(xiàn)通信（ajax） 。易擴(kuò)展、插件豐富 。支持鏈?zhǔn)綄懛?。一、jQuery選擇器ID選擇器：$(“#box”);類名選擇器：$(“.box”);標(biāo)簽選擇器：$(“div”);后代選擇器：$(“#box p”);:first：獲取第一個(gè)元素 。:last：獲取最后一個(gè)元素 。:even：匹配所有索引值為偶數(shù)的元素 ， 從 0 開始計(jì)數(shù) 。:odd：匹配所有索引值為奇數(shù)的元素 ， 從 0 開始計(jì)數(shù) 。:eq(index)：匹配一個(gè)給定索引值的元素 ， 從 0 開始計(jì)數(shù) 。:not(selector)：去除所有與給定選擇器匹配的元素 。:has(selector)：匹配含有選擇器所匹配的元素的元素 。二、jQuery屬性和樣式CSS操作屬性：
attr(name|properties|key,value|fn)：設(shè)置或返回被選元素的屬性值 。
removeAttr(name)：從每一個(gè)匹配的元素中刪除一個(gè)屬性 。
prop(name|properties|key,value|fn)：獲取在匹配的元素集中的第一個(gè)元素的屬性值 。
removeProp(name)：用來(lái)刪除由.prop()方法設(shè)置的屬性集 。
區(qū)別：attr可以操作（增刪改查）自定義的節(jié)點(diǎn)屬性 ， 而prop不可以（增刪改查） 。attr和prop對(duì)input的disabled屬性的返回值不一致 ， attr返回disabled或者undefined ， 而prop返回布爾值 。
操作Class：
addClass(class|fn) ：為每個(gè)匹配的元素添加指定的類名 。
removeClass([class|fn]) ：從所有匹配的元素中刪除全部或者指定的類 。
toggleClass(class|fn[,switch])：如果存在（不存在）就刪除（添加）一個(gè)類 。
操作內(nèi)容：
html([val|fn])：取得第一個(gè)匹配元素的html內(nèi)容 。這個(gè)函數(shù)不能用于XML文檔 。但可以用于XHTML文檔 。
text([val|fn])：取得所有匹配元素的內(nèi)容 。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來(lái)的文本 。這個(gè)方法對(duì)HTML和XML文檔都有效 。
val([val|fn|arr])：獲得匹配元素的當(dāng)前值 。如果多選 ， 將返回一個(gè)數(shù)組 ， 其包含所選的值 。
操作CSS：
css(name|pro|[,val|fn])：訪問(wèn)匹配元素的樣式屬性 。
操作位置：
offset([coordinates])：獲取匹配元素在當(dāng)前文檔的相對(duì)偏移 。返回的對(duì)象包含兩個(gè)整型屬性：top 和 left ， 以像素計(jì) 。方法只對(duì)可見元素有效 。
position()：獲取匹配元素相對(duì)父元素的偏移 。返回的對(duì)象包含兩個(gè)整型屬性：top 和 left 。為精確計(jì)算結(jié)果 ， 請(qǐng)?jiān)谘a(bǔ)白、邊框和填充屬性上使用像素單位 。此方法只對(duì)可見元素有效 。
scrollTop([val])：獲取匹配元素相對(duì)滾動(dòng)條頂部的偏移 。此方法對(duì)可見和隱藏元素均有效 。
scrollLeft([val])：獲取匹配元素相對(duì)滾動(dòng)條左側(cè)的偏移 。此方法對(duì)可見和隱藏元素均有效 。
操作尺寸：
height([val|fn])：取得匹配元素當(dāng)前計(jì)算的高度值（px） 。
width([val|fn])：取得第一個(gè)匹配元素當(dāng)前計(jì)算的寬度值（px） 。
innerHeight()：獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度（包括補(bǔ)白、不包括邊框） 。此方法對(duì)可見和隱藏元素均有效 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

• jquery獲取input的value值的方法 jquery獲取input的value值
• js點(diǎn)擊跳轉(zhuǎn)到指定頁(yè)面 jq頁(yè)面跳轉(zhuǎn)到新頁(yè)面
• word變橫向頁(yè)面的方法 word如何把頁(yè)面橫過(guò)來(lái)
• 6款免費(fèi)原型設(shè)計(jì)工具 頁(yè)面原型設(shè)計(jì)工具
• 如何完成打卡正官莊專輯頁(yè)面任務(wù) 完成打卡正官莊專輯頁(yè)面任務(wù)的方法
• 軟件開發(fā)培訓(xùn)學(xué)校：各個(gè)大廠的 404 頁(yè)面！后一個(gè)笑shi我了...
• PbootCMS獲取結(jié)果頁(yè)面的搜索keyword值和tag值
• 蘋果鼠標(biāo)不能滾動(dòng)設(shè)置步驟 蘋果鼠標(biāo)怎么滾動(dòng)頁(yè)面
• 大姨媽來(lái)了？你照樣可以瘦！
• cf蝴蝶結(jié)加載邊框 cf隱藏活動(dòng)在哪找