jquery函數(shù)大全

$(”p”).addClass(css中定義的樣式類(lèi)型); 給某個(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è)元素添加屬性/值

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

$(”元素名稱(chēng)”).html(”new stuff”); 給某元素設(shè)置內(nèi)容

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

$(”元素名稱(chēng)”).removeClass(”class”) 給某元素刪除指定的樣式

$(”元素名稱(chēng)”).text(); 獲得該元素的文本

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

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

$(”input元素名稱(chēng)”).val(); 獲取input元素的值

$(”input元素名稱(chēng)”).val(value); 設(shè)置input元素的值為value

Manipulation:

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

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

$(”元素名稱(chēng)”).appendTo(content); 在content后接元素

$(”元素名稱(chēng)”).before(content); 與after方法相反

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

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

$(”元素名稱(chēng)”).insertAfter(content); 將該元素插入到content之后

$(”元素名稱(chēng)”).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中寫(xiě)了一段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)情況下,$()查詢(xú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ù)。可能的事件屬性有:blur, 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ā)某類(lèi)事件。

triggerHandler( type, [data] ) 這一特定方法會(huì)觸發(fā)一個(gè)元素上特定的事件(指定一個(gè)事件類(lèi)型),同時(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ū)ο?/p>

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

change( ) 用戶(hù)改變域的內(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è)鍵盤(pán)的鍵被按下 幾乎所有元素

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

keyup( ) 某個(gè)鍵盤(pán)的鍵被松開(kāi) 幾乎所有元素

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

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

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

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

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

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

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

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

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

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

unload( fn ) 用戶(hù)退出頁(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(”

  • Request Complete.
  • ”);

    });

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

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

    $(this).append(”

  • Error requesting page ” + settings.url + “
  • ”);

    });

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

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

    $(this).append(”

    + “

    });

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

    當(dāng)AJAX請(qǐng)求開(kāi)始(并還沒(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(”

  • Successful Request!
  • ”);

    });

    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( ) 以名稱(chēng)和值的方式連接一組input元素。實(shí)現(xiàn)了正確表單元素序列

    function showValues() {

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

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

    }

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

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

    showValues();

    serializeArray( ) 連接所有的表單和表單元素(類(lèi)似于.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] ) 以?xún)?yōu)雅的動(dòng)畫(huà)顯示所有匹配的元素,并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

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

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

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

    切換為可見(jiàn)的。

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

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

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

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

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

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

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

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

    藏或顯示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    JQuery Traversing 方法說(shuō)明

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

    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類(lèi)屬性。取得所有div元素中的p元素,

    添加background類(lèi)屬性

    $(”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”) 匹配指定名稱(chēng)的所有元素

    $(”.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開(kāi)始)

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

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

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

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

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

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

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

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

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

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

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

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

    $(”div:visible”) 匹配所有可見(jiàn)的元素

    屬性過(guò)濾選擇器

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

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

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

    $(”input[name^=’news’]”) 匹配所有指定屬性值以value開(kāi)頭的元素

    $(”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”) 匹配所有的表單輸入元素,包括所有類(lèi)型的input, textarea, select 和 button

    $(”:text”) 匹配所有類(lèi)型為text的input元素

    $(”:password”) 匹配所有類(lèi)型為password的input元素

    $(”:radio”) 匹配所有類(lèi)型為radio的input元素

    $(”:checkbox”) 匹配所有類(lèi)型為checkbox的input元素

    $(”:submit”) 匹配所有類(lèi)型為submit的input元素

    $(”:image”) 匹配所有類(lèi)型為image的input元素

    $(”:reset”) 匹配所有類(lèi)型為reset的input元素

    $(”:button”) 匹配所有類(lèi)型為button的input元素

    $(”:file”) 匹配所有類(lèi)型為file的input元素

    $(”:hidden”) 匹配所有類(lèi)型為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: “rgb(0,40,244)”

    }

    $(this).css(cssObj);

    });

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

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

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

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

    var offset = p.offset();

    p.html( “l(fā)eft: ” + 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 讀取用戶(hù)瀏覽器的版本信息

    jQuery.boxModel 檢測(cè)用戶(hù)瀏覽器針對(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è)類(lèi)似數(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ù)組

    最后編輯于
    ?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
    平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
    • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
      沈念sama閱讀 228,316評(píng)論 6 531
    • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
      沈念sama閱讀 98,481評(píng)論 3 415
    • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
      開(kāi)封第一講書(shū)人閱讀 176,241評(píng)論 0 374
    • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
      開(kāi)封第一講書(shū)人閱讀 62,939評(píng)論 1 309
    • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
      茶點(diǎn)故事閱讀 71,697評(píng)論 6 409
    • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
      開(kāi)封第一講書(shū)人閱讀 55,182評(píng)論 1 324
    • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
      沈念sama閱讀 43,247評(píng)論 3 441
    • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
      開(kāi)封第一講書(shū)人閱讀 42,406評(píng)論 0 288
    • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
      沈念sama閱讀 48,933評(píng)論 1 334
    • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
      茶點(diǎn)故事閱讀 40,772評(píng)論 3 354
    • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
      茶點(diǎn)故事閱讀 42,973評(píng)論 1 369
    • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
      沈念sama閱讀 38,516評(píng)論 5 359
    • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
      茶點(diǎn)故事閱讀 44,209評(píng)論 3 347
    • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
      開(kāi)封第一講書(shū)人閱讀 34,638評(píng)論 0 26
    • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
      開(kāi)封第一講書(shū)人閱讀 35,866評(píng)論 1 285
    • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
      沈念sama閱讀 51,644評(píng)論 3 391
    • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
      茶點(diǎn)故事閱讀 47,953評(píng)論 2 373

    推薦閱讀更多精彩內(nèi)容

    • Attribute: $("p").addClass(css中定義的樣式類(lèi)型); 給某個(gè)元素添加樣式 $("img...
      撲克臉_457e閱讀 573評(píng)論 0 1
    • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
      LaBaby_閱讀 1,362評(píng)論 0 2
    • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
      LaBaby_閱讀 1,192評(píng)論 0 1
    • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
      前端進(jìn)階之旅閱讀 16,663評(píng)論 18 503
    • Chapter 2 : Selecting the elements upon which to act 1. $...
      Azur_wxj閱讀 396評(píng)論 0 1