国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
jQuery方法大全

Dom: 

Attribute:

$("p").addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式

$("img").attr({src:"test.jpg",alt:"test Image"}); 給某個(gè)元素添加屬性/值,參數(shù)是map 

$("img").attr("src","test.jpg"); 給某個(gè)元素添加屬性/值 

$("img").attr("title", function() { return this.src }); 給某個(gè)元素添加屬性/值 

$("元素名稱").html(); 獲得該元素內(nèi)的內(nèi)容(元素,文本等) 

$("元素名稱").html("<b>new stuff</b>"); 給某元素設(shè)置內(nèi)容 

$("元素名稱").removeAttr("屬性名稱") 給某元素刪除指定的屬性以及該屬性的值 

$("元素名稱").removeClass("class") 給某元素刪除指定的樣式 

$("元素名稱").text(); 獲得該元素的文本 

$("元素名稱").text(value); 設(shè)置該元素的文本值為value 

$("元素名稱").toggleClass(class) 當(dāng)元素存在參數(shù)中的樣式的時(shí)候取消,如果不存在就設(shè)置此樣式 

$("input元素名稱").val(); 獲取input元素的值 

$("input元素名稱").val(value); 設(shè)置input元素的值為value 

Manipulation: 

$("元素名稱").after(content); 在匹配元素后面添加內(nèi)容 

$("元素名稱").append(content); 將content作為元素的內(nèi)容插入到該元素的后面 

$("元素名稱").appendTo(content); 在content后接元素 

$("元素名稱").before(content); 與after方法相反 

$("元素名稱").clone(布爾表達(dá)式) 當(dāng)布爾表達(dá)式為真時(shí),克隆元素(無(wú)參時(shí),當(dāng)作true處理) 

$("元素名稱").empty() 將該元素的內(nèi)容設(shè)置為空 

$("元素名稱").insertAfter(content); 將該元素插入到content之后 

$("元素名稱").insertBefore(content); 將該元素插入到content之前 

$("元素").prepend(content); 將content作為該元素的一部分,放到該元素的最前面 

$("元素").prependTo(content); 將該元素作為content的一部分,放content的最前面 

$("元素").remove(); 刪除所有的指定元素 

$("元素").remove("exp"); 刪除所有含有exp的元素 

$("元素").wrap("html"); 用html來(lái)包圍該元素 

$("元素").wrap(element); 用element來(lái)包圍該元素 

Traversing: 

add(expr) 

add(html) 

add(elements) 

children(expr) 

contains(str) 

end() 

filter(expression) 

filter(filter) 

find(expr) 

is(expr) 

next(expr) 

not(el) 

not(expr) 

not(elems) 

parent(expr) 

parents(expr) 

prev(expr) 

siblings(expr) 

Core: 

$(html).appendTo("body") 相當(dāng)于在body中寫了一段html代碼 

$(elems) 獲得DOM上的某個(gè)元素 

$(function(){……..}); 執(zhí)行一個(gè)函數(shù) 

$("div > p").css("border", "1px solid gray"); 查找所有div的子節(jié)點(diǎn)p,添加樣式 

$("input:radio", document.forms[0]) 在當(dāng)前頁(yè)面的第一個(gè)表單中查找所有的單選按鈕 

$.extend(prop) prop是一個(gè)jQuery對(duì)象, 

舉例: 

jQuery.extend({ 

min: function(a, b) { return a < b ? a : b; }, 

max: function(a, b) { return a > b ? a : b; } 

}); 

jQuery( expression, [context] ) ---$( expression, [context]); 在默認(rèn)情況下,$()查詢的是當(dāng)前HTML文檔中的DOM元素。 

each( callback ) 以每一個(gè)匹配的元素作為上下文來(lái)執(zhí)行一個(gè)函數(shù) 

舉例:1 

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

$("li").each(function(){ 

$(this).toggleClass("example"); 

}); 

}); 

舉例:2 

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

$("div").each(function (index, domEle) { 

// domEle == this 

$(domEle).css("backgroundColor", "yellow"); 

if ($(this).is("#stop")) { 

$("span").text("Stopped at div index #" + index); 

return false; 

}); 

}); 

jQuery Event: 

ready(fn); $(document).ready()注意在body中沒(méi)有onload事件,否則該函數(shù)不能執(zhí)行。在每個(gè)頁(yè)面中可以 

有很多個(gè)函數(shù)被加載執(zhí)行,按照f(shuō)n的順序來(lái)執(zhí)行。 

bind( type, [data], fn ) 為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)或多個(gè)事件處理器函數(shù)??赡艿氖录傩杂校篵lur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, 

mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, 

keyup, error 

one( type, [data], fn ) 為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)或多個(gè)事件處理器函數(shù)。在每個(gè)對(duì) 

象上,這個(gè)事件處理函數(shù)只會(huì)被執(zhí)行一次。其他規(guī)則與bind()函數(shù)相同。 

trigger( type, [data] ) 在每一個(gè)匹配的元素上觸發(fā)某類事件。 

triggerHandler( type, [data] ) 這一特定方法會(huì)觸發(fā)一個(gè)元素上特定的事件(指定一個(gè)事件類型),同時(shí)取消瀏覽器對(duì)此事件的默認(rèn)行動(dòng) 

unbind( [type], [data] ) 反綁定,從每一個(gè)匹配的元素中刪除綁定的事件。 

$("p").unbind() 移除所有段落上的所有綁定的事件 

$("p").unbind( "click" ) 移除所有段落上的click事件 

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

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

$(this).addClass("over"); 

}, 

function(){ 

$(this).addClass("out"); 

); 

toggle( fn, fn ) 如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。 

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

$(this).addClass("selected"); 

}, 

function(){ 

$(this).removeClass("selected"); 

); 

元素事件列表說(shuō)明 

注:不帶參數(shù)的函數(shù),其參數(shù)為可選的 fn。jQuery不支持form元素的reset事件。 

事件 描述 支持元素或?qū)ο?nbsp;

blur( ) 元素失去焦點(diǎn) a, input, textarea, button, select, label, map, area 

change( ) 用戶改變域的內(nèi)容 input, textarea, select 

click( ) 鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象 幾乎所有元素 

dblclick( ) 鼠標(biāo)雙擊某個(gè)對(duì)象 幾乎所有元素 

error( ) 當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤 window, img 

focus( ) 元素獲得焦點(diǎn) a, input, textarea, button, select, label, map, area 

keydown( ) 某個(gè)鍵盤的鍵被按下 幾乎所有元素 

keypress( ) 某個(gè)鍵盤的鍵被按下或按住 幾乎所有元素 

keyup( ) 某個(gè)鍵盤的鍵被松開 幾乎所有元素 

load( fn ) 某個(gè)頁(yè)面或圖像被完成加載 window, img 

mousedown( fn ) 某個(gè)鼠標(biāo)按鍵被按下 幾乎所有元素 

mousemove( fn ) 鼠標(biāo)被移動(dòng) 幾乎所有元素 

mouseout( fn ) 鼠標(biāo)從某元素移開 幾乎所有元素 

mouseover( fn ) 鼠標(biāo)被移到某元素之上 幾乎所有元素 

mouseup( fn ) 某個(gè)鼠標(biāo)按鍵被松開 幾乎所有元素 

resize( fn ) 窗口或框架被調(diào)整尺寸 window, iframe, frame 

scroll( fn ) 滾動(dòng)文檔的可視部分時(shí) window 

select( ) 文本被選定 document, input, textarea 

submit( ) 提交按鈕被點(diǎn)擊 form 

unload( fn ) 用戶退出頁(yè)面 window 

JQuery Ajax 方法說(shuō)明: 

load( url, [data], [callback] ) 裝入一個(gè)遠(yuǎn)程HTML內(nèi)容到一個(gè)DOM結(jié)點(diǎn)。 

$("#feeds").load("feeds.html"); 將feeds.html文件載入到id為feeds的div中 

$("#feeds").load("feeds.php", {limit: 25}, function(){ 

alert("The last 25 entries in the feed have been loaded"); 

}); 

jQuery.get( url, [data], [callback] ) 使用GET請(qǐng)求一個(gè)頁(yè)面。 

$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ 

alert("Data Loaded: " + data); 

}); 

jQuery.getJSON( url, [data], [callback] ) 使用GET請(qǐng)求JSON數(shù)據(jù)。 

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){ 

alert("JSON Data: " + json.users[3].name); 

}); 

jQuery.getScript( url, [callback] ) 使用GET請(qǐng)求JavaScript文件并執(zhí)行。 

$.getScript("test.js", function(){ 

alert("Script loaded and executed."); 

}); 

jQuery.post( url, [data], [callback], [type] ) 使用POST請(qǐng)求一個(gè)頁(yè)面。 

ajaxComplete( callback ) 當(dāng)一個(gè)AJAX請(qǐng)求結(jié)束后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

$("#msg").ajaxComplete(function(request, settings){ 

$(this).append("<li>Request Complete.</li>"); 

}); 

ajaxError( callback ) 當(dāng)一個(gè)AJAX請(qǐng)求失敗后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

$("#msg").ajaxError(function(request, settings){ 

$(this).append("<li>Error requesting page " + settings.url + "</li>"); 

}); 

ajaxSend( callback ) 在一個(gè)AJAX請(qǐng)求發(fā)送時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

$("#msg").ajaxSend(function(evt, request, settings){ 

$(this).append("<li<Starting request at " + settings.url 

+ "</li<"); 

}); 

ajaxStart( callback ) 在一個(gè)AJAX請(qǐng)求開始但還沒(méi)有激活時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

當(dāng)AJAX請(qǐng)求開始(并還沒(méi)有激活時(shí))顯示loading信息 

$("#loading").ajaxStart(function(){ 

$(this).show(); 

}); 

ajaxStop( callback ) 當(dāng)所有的AJAX都停止時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

當(dāng)所有AJAX請(qǐng)求都停止時(shí),隱藏loading信息。 

$("#loading").ajaxStop(function(){ 

$(this).hide(); 

}); 

ajaxSuccess( callback ) 當(dāng)一個(gè)AJAX請(qǐng)求成功完成后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 

當(dāng)AJAX請(qǐng)求成功完成時(shí),顯示信息。 

$("#msg").ajaxSuccess(function(evt, request, settings){ 

$(this).append("<li>Successful Request!</li>"); 

}); 

jQuery.ajaxSetup( options ) 為所有的AJAX請(qǐng)求進(jìn)行全局設(shè)置。查看$.ajax函數(shù)取得所有選項(xiàng)信息。 

設(shè)置默認(rèn)的全局AJAX請(qǐng)求選項(xiàng)。 

$.ajaxSetup({ 

url: "/xmlhttp/", 

global: false, 

type: "POST" 

}); 

$.ajax({ data: myData }); 

serialize( ) 以名稱和值的方式連接一組input元素。實(shí)現(xiàn)了正確表單元素序列 

function showValues() { 

var str = $("form").serialize(); 

$("#results").text(str); 

$(":checkbox, :radio").click(showValues); 

$("select").change(showValues); 

showValues(); 

serializeArray( ) 連接所有的表單和表單元素(類似于.serialize()方法),但是返回一個(gè)JSON數(shù)據(jù)格式。 

從form中取得一組值,顯示出來(lái) 

function showValues() { 

var fields = $(":input").serializeArray(); 

alert(fields); 

$("#results").empty(); 

jQuery.each(fields, function(i, field){ 

$("#results").append(field.value + " "); 

}); 

$(":checkbox, :radio").click(showValues); 

$("select").change(showValues); 

showValues(); 

JQuery Effects 方法說(shuō)明 

show( ) 顯示隱藏的匹配元素。 

show( speed, [callback] ) 以優(yōu)雅的動(dòng)畫顯示所有匹配的元素,并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。 

hide( ) 隱藏所有的匹配元素。 

hide( speed, [callback] ) 以優(yōu)雅的動(dòng)畫隱藏所有匹配的元素,并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù) 

toggle( ) 切換元素的可見狀態(tài)。如果元素是可見的,切換為隱藏的;如果元素是隱藏的, 

切換為可見的。 

slideDown( speed, [callback] ) 通過(guò)高度變化(向下增大)來(lái)動(dòng)態(tài)地顯示所有匹配的元素,在顯示完成后可選 

地觸發(fā)一個(gè)回調(diào)函數(shù)。這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以 

"滑動(dòng)"的方式顯示出來(lái)。 

slideUp( speed, [callback] ) 通過(guò)高度變化(向上減?。﹣?lái)動(dòng)態(tài)地隱藏所有匹配的元素,在隱藏完成后可選地 

觸發(fā)一個(gè)回調(diào)函數(shù)。這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以"滑動(dòng)" 

的方式隱藏起來(lái)。 

slideToggle( speed, [callback] ) 通過(guò)高度變化來(lái)切換所有匹配元素的可見性,并在切換完成后可選地觸發(fā)一個(gè)回 

調(diào)函數(shù)。 這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以"滑動(dòng)"的方式隱 

藏或顯示。 

fadeIn( speed, [callback] ) 通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)所有匹配元素的淡入效果,并在動(dòng)畫完成后可選地觸 

發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說(shuō)所有匹配的元素的 

高度和寬度不會(huì)發(fā)生變化。 

fadeOut( speed, [callback] ) 通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)所有匹配元素的淡出效果,并在動(dòng)畫完成后可選地觸 

發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說(shuō)所有匹配的元素的 

高度和寬度不會(huì)發(fā)生變化。 

fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度,并在動(dòng)畫完成 

后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說(shuō)所 

有匹配的元素的高度和寬度不會(huì)發(fā)生變化。 

stop( ) 停止所有匹配元素當(dāng)前正在運(yùn)行的動(dòng)畫。如果有動(dòng)畫處于隊(duì)列當(dāng)中,他們就會(huì)立即開始。 

queue( ) 取得第一個(gè)匹配元素的動(dòng)畫序列的引用(返回一個(gè)內(nèi)容為函數(shù)的數(shù)組) 

queue( callback ) 在每一個(gè)匹配元素的事件序列的末尾添加一個(gè)可執(zhí)行函數(shù),作為此元素的事件函數(shù) 

queue( queue ) 以一個(gè)新的動(dòng)畫序列代替所有匹配元素的原動(dòng)畫序列 

dequeue( ) 執(zhí)行并移除動(dòng)畫序列前端的動(dòng)畫 

animate( params, [duration], [easing], [callback] ) 用于創(chuàng)建自定義動(dòng)畫的函數(shù)。 

animate( params, options ) 創(chuàng)建自定義動(dòng)畫的另一個(gè)方法。作用同上。 

JQuery Traversing 方法說(shuō)明 

eq( index ) 從匹配的元素集合中取得一個(gè)指定位置的元素,index從0開始 

filter( expr ) 返回與指定表達(dá)式匹配的元素集合,可以使用","號(hào)分割多個(gè)expr,用于實(shí)現(xiàn)多個(gè)條件篩選 

filter( fn ) 利用一個(gè)特殊的函數(shù)來(lái)作為篩選條件移除集合中不匹配的元素。 

is( expr ) 用一個(gè)表達(dá)式來(lái)檢查當(dāng)前選擇的元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的 

表達(dá)式就返回true。 

map( callback ) 將jQuery對(duì)象中的一組元素利用callback方法轉(zhuǎn)換其值,然后添加到一個(gè)jQuery數(shù)組中。 

not( expr ) 從匹配的元素集合中刪除與指定的表達(dá)式匹配的元素。 

slice( start, [end] ) 從匹配元素集合中取得一個(gè)子集,和內(nèi)建的數(shù)組的slice方法相同。 

add( expr ) 把與表達(dá)式匹配的元素添加到j(luò)Query對(duì)象中。 

children( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。可選的過(guò)濾器 

將使這個(gè)方法只匹配符合的元素(只包括元素節(jié)點(diǎn),不包括文本節(jié)點(diǎn))。 

contents( ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子孫節(jié)點(diǎn)的集合(只包括元素節(jié)點(diǎn),不 

包括文本節(jié)點(diǎn)),如果元素為iframe,則取得其中的文檔元素 

find( expr ) 搜索所有與指定表達(dá)式匹配的元素。 

next( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。 

nextAll( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素所有的后面同輩元素的元素集合 

parent( [expr] ) 取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。 

parents( [expr] ) 取得一個(gè)包含著所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。 

prev( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的前一個(gè)同輩元素的元素集合。 

prevAll( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的之前所有同輩元素的元素集合。 

siblings( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有同輩元素的元素集合。 

andSelf( ) 將前一個(gè)匹配的元素集合添加到當(dāng)前的集合中 

取得所有div元素和其中的p元素,添加border類屬性。取得所有div元素中的p元素, 

添加background類屬性 

$("div").find("p").andSelf().addClass("border"); 

$("div").find("p").addClass("background"); 

end( ) 結(jié)束當(dāng)前的操作,回到當(dāng)前操作的前一個(gè)操作 

找到所有p元素其中的span元素集合,然后返回p元素集合,添加css屬性 

$("p").find("span").end().css("border", "2px red solid"); 

JQuery Selectors 方法說(shuō)明 

基本選擇器 

$("#myDiv") 匹配唯一的具有此id值的元素 

$("div") 匹配指定名稱的所有元素 

$(".myClass") 匹配具有此class樣式值的所有元素 

$("*") 匹配所有元素 

$("div,span,p.myClass") 聯(lián)合所有匹配的選擇器 

層疊選擇器 

$("form input") 后代選擇器,選擇ancestor的所有子孫節(jié)點(diǎn) 

$("#main > *") 子選擇器,選擇parent的所有子節(jié)點(diǎn) 

$("label + input") 臨選擇器,選擇prev的下一個(gè)臨節(jié)點(diǎn) 

$("#prev ~ div") 同胞選擇器,選擇prev的所有同胞節(jié)點(diǎn) 

基本過(guò)濾選擇器 

$("tr:first") 匹配第一個(gè)選擇的元素 

$("tr:last") 匹配最后一個(gè)選擇的元素 

$("input:not(:checked) + span")從原元素集合中過(guò)濾掉匹配selector的所有元素(這里有是一個(gè)臨選擇器) 

$("tr:even") 匹配集合中偶數(shù)位置的所有元素(從0開始) 

$("tr:odd") 匹配集合中奇數(shù)位置的所有元素(從0開始) 

$("td:eq(2)") 匹配集合中指定位置的元素(從0開始) 

$("td:gt(4)") 匹配集合中指定位置之后的所有元素(從0開始) 

$("td:gl(4)") 匹配集合中指定位置之前的所有元素(從0開始) 

$(":header") 匹配所有標(biāo)題 

$("div:animated") 匹配所有正在運(yùn)行動(dòng)畫的所有元素 

內(nèi)容過(guò)濾選擇器 

$("div:contains('John')") 匹配含有指定文本的所有元素 

$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素) 

$("div:has(p)") 從原元素集合中再次匹配所有至少含有一個(gè)selector的所有元素 

$("td:parent") 匹配所有不為空的元素(含有文本的元素也算) 

$("div:hidden") 匹配所有隱藏的元素,也包括表單的隱藏域 

$("div:visible") 匹配所有可見的元素 

屬性過(guò)濾選擇器 

$("div[id]") 匹配所有具有指定屬性的元素 

$("input[name='newsletter']") 匹配所有具有指定屬性值的元素 

$("input[name!='newsletter']") 匹配所有不具有指定屬性值的元素 

$("input[name^='news']") 匹配所有指定屬性值以value開頭的元素 

$("input[name$='letter']") 匹配所有指定屬性值以value結(jié)尾的元素 

$("input[name*='man']") 匹配所有指定屬性值含有value字符的元素 

$("input[id][name$='man']") 匹配同時(shí)符合多個(gè)選擇器的所有元素 

子元素過(guò)濾選擇器 

$("ul li:nth-child(2)"), 

$("ul li:nth-child(odd)"), 匹配父元素的第n個(gè)子元素 

$("ul li:nth-child(3n + 1)") 

$("div span:first-child") 匹配父元素的第1個(gè)子元素 

$("div span:last-child") 匹配父元素的最后1個(gè)子元素 

$("div button:only-child") 匹配父元素的唯一1個(gè)子元素 

表單元素選擇器 

$(":input") 匹配所有的表單輸入元素,包括所有類型的input, textarea, select 和 button 

$(":text") 匹配所有類型為text的input元素 

$(":password") 匹配所有類型為password的input元素 

$(":radio") 匹配所有類型為radio的input元素 

$(":checkbox") 匹配所有類型為checkbox的input元素 

$(":submit") 匹配所有類型為submit的input元素 

$(":image") 匹配所有類型為image的input元素 

$(":reset") 匹配所有類型為reset的input元素 

$(":button") 匹配所有類型為button的input元素 

$(":file") 匹配所有類型為file的input元素 

$(":hidden") 匹配所有類型為hidden的input元素或表單的隱藏域 

表單元素過(guò)濾選擇器 

$(":enabled") 匹配所有可操作的表單元素 

$(":disabled") 匹配所有不可操作的表單元素 

$(":checked") 匹配所有已點(diǎn)選的元素 

$("select option:selected") 匹配所有已選擇的元素 

JQuery CSS 方法說(shuō)明 

css( name ) 訪問(wèn)第一個(gè)匹配元素的樣式屬性。 

css( properties ) 把一個(gè)"名/值對(duì)"對(duì)象設(shè)置為所有匹配元素的樣式屬性。 

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

$(this).css({ backgroundColor:"yellow", fontWeight:"bolder" }); 

}, function () { 

var cssObj = { 

backgroundColor: "#ddd", 

fontWeight: "", 

color: "#0028f4" 

$(this).css(cssObj); 

}); 

css( name, value ) 在所有匹配的元素中,設(shè)置一個(gè)樣式屬性的值。 

offset( ) 取得匹配的第一個(gè)元素相對(duì)于當(dāng)前可視窗口的位置。返回的對(duì)象有2個(gè)屬性, 

top和left,屬性值為整數(shù)。這個(gè)函數(shù)只能用于可見元素。 

var p = $("p:last"); 

var offset = p.offset(); 

p.html( "left: " + offset.left + ", top: " + offset.top ); 

width( ) 取得當(dāng)前第一匹配的元素的寬度值, 

width( val ) 為每個(gè)匹配的元素設(shè)置指定的寬度值。 

height( ) 取得當(dāng)前第一匹配的元素的高度值, 

height( val ) 為每個(gè)匹配的元素設(shè)置指定的高度值。 

JQuery Utilities 方法說(shuō)明 

jQuery.browser 

.msie 表示ie 

jQuery.browser.version 讀取用戶瀏覽器的版本信息 

jQuery.boxModel 檢測(cè)用戶瀏覽器針對(duì)當(dāng)前頁(yè)的顯示是否基于W3C CSS的盒模型 

jQuery.isFunction( obj ) 檢測(cè)傳遞的參數(shù)是否為function 

function stub() { } 

var objs = [ 

function () {}, 

{ x:15, y:20 }, 

null, 

stub, 

"function" 

]; 

jQuery.each(objs, function (i) { 

var isFunc = jQuery.isFunction(objs[i]); 

$("span:eq( " + i + ")").text(isFunc); 

}); 

jQuery.trim( str ) 清除字符串兩端的空格,使用正則表達(dá)式來(lái)清除給定字符兩端的空格 

jQuery.each( object, callback ) 一個(gè)通用的迭代器,可以用來(lái)無(wú)縫迭代對(duì)象和數(shù)組 

jQuery.extend( target, object1, [objectN] ) 擴(kuò)展一個(gè)對(duì)象,修改原來(lái)的對(duì)象并返回,這是一個(gè)強(qiáng)大的實(shí)現(xiàn)繼承的 

工具,這種繼承是采用傳值的方法來(lái)實(shí)現(xiàn)的,而不是JavaScript中的 

原型鏈方式。 

合并settings和options對(duì)象,返回修改后的settings對(duì)象 

var settings = { validate: false, limit: 5, name: "foo" }; 

var options = { validate: true, name: "bar" }; 

jQuery.extend(settings, options); 

合并defaults和options對(duì)象,defaults對(duì)象并沒(méi)有被修改。options對(duì)象中的值 

代替了defaults對(duì)象的值傳遞給了empty。 

var empty = {} 

var defaults = { validate: false, limit: 5, name: "foo" }; 

var options = { validate: true, name: "bar" }; 

var settings = $.extend(empty, defaults, options); 

jQuery.grep( array, callback, [invert] ) 通過(guò)一個(gè)篩選函數(shù)來(lái)去除數(shù)組中的項(xiàng) 

$.grep( [0,1,2], function(n,i){ 

return n > 0; 

}); 

jQuery.makeArray( obj ) 將一個(gè)類似數(shù)組的對(duì)象轉(zhuǎn)化為一個(gè)真正的數(shù)組 

將選取的div元素集合轉(zhuǎn)化為一個(gè)數(shù)組 

var arr = jQuery.makeArray(document.getElementsByTagName("div")); 

arr.reverse(); // use an Array method on list of dom elements 

$(arr).appendTo(document.body); 

jQuery.map( array, callback ) 使用某個(gè)方法修改一個(gè)數(shù)組中的項(xiàng),然后返回一個(gè)新的數(shù)組 

jQuery.inArray( value, array ) 返回value在數(shù)組中的位置,如果沒(méi)有找到,則返回-1 

jQuery.unique( array ) 刪除數(shù)組中的所有重復(fù)元素,返回整理后的數(shù)組

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
JQuery 常用方法基礎(chǔ)教程
前端必備:jQuery 1.7.1API手冊(cè)
jQuery中的事件與動(dòng)畫
jQuery基礎(chǔ)教程筆記 44(上)
jQuery 綁定事件及移除綁定事件方法和元素事件列表
jQuery 常用方法總結(jié)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服