jquery方法大全

1、attribute：$(p).addclass(css中定義的樣式類型); 給某個元素添加樣式$(img).attr(src:test.jpg,alt:test image); 給某個元素添加屬性/值，參數(shù)是map$(img).attr(src,test.jpg); 給某個元素添加屬性/值$(img).attr(title, function() return this.src ); 給某個元素添加屬性/值$(元素名稱).html(); 獲得該元素內(nèi)的內(nèi)容（元素，文本等）$(元素名稱).html(new stuff); 給某元素設置內(nèi)容$(元素名稱).removeattr(屬性名稱) 給某元素

2、刪除指定的屬性以及該屬性的值$(元素名稱).removeclass(class) 給某元素刪除指定的樣式$(元素名稱).text(); 獲得該元素的文本$(元素名稱).text(value); 設置該元素的文本值為value$(元素名稱).toggleclass(class) 當元素存在參數(shù)中的樣式的時候取消,如果不存在就設置此樣式$(input元素名稱).val(); 獲取input元素的值$(input元素名稱).val(value); 設置input元素的值為valuemanipulation：$(元素名稱).after(content); 在匹配元素后面添加內(nèi)容$(元素名稱).appe

3、nd(content); 將content作為元素的內(nèi)容插入到該元素的后面$(元素名稱).appendto(content); 在content后接元素$(元素名稱).before(content); 與after方法相反$(元素名稱).clone(布爾表達式) 當布爾表達式為真時，克隆元素（無參時，當作true處理）$(元素名稱).empty() 將該元素的內(nèi)容設置為空$(元素名稱).insertafter(content); 將該元素插入到content之后$(元素名稱).insertbefore(content); 將該元素插入到content之前$(元素).prepend(conten

4、t); 將content作為該元素的一部分，放到該元素的最前面$(元素).prependto(content); 將該元素作為content的一部分，放content的最前面$(元素).remove(); 刪除所有的指定元素$(元素).remove(exp); 刪除所有含有exp的元素$(元素).wrap(html); 用html來包圍該元素$(元素).wrap(element); 用element來包圍該元素traversing：add(expr)add(html)add(elements)children(expr)contains(str)end()filter(expression)f

5、ilter(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) 相當于在body中寫了一段html代碼$(elems) 獲得dom上的某個元素$(function().); 執(zhí)行一個函數(shù)$(div p).css(border, 1px solid gray); 查找所有div的子節(jié)點p，添加樣式$(input:radio, document.forms0) 在當前頁面的第一

6、個表單中查找所有的單選按鈕$.extend(prop) prop是一個jquery對象，舉例：jquery.extend(min: function(a, b) return a b ? a : b; );jquery( expression, context ) -$( expression, context); 在默認情況下，$()查詢的是當前html文檔中的dom元素。each( callback ) 以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)舉例：1$(span).click(function)$(li).each(function()$(this).toggleclass(examp

7、le);););舉例：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中沒有onload事件，否則該函數(shù)不能執(zhí)行。在每個頁面中可以有很多個函

8、數(shù)被加載執(zhí)行，按照fn的順序來執(zhí)行。bind( type, data, fn ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數(shù)?？赡艿氖录傩杂校篵lur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,keyup, errorone( type, data, fn ) 為每一

9、個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數(shù)。在每個對象上，這個事件處理函數(shù)只會被執(zhí)行一次。其他規(guī)則與bind()函數(shù)相同。trigger( type, data ) 在每一個匹配的元素上觸發(fā)某類事件。triggerhandler( type, data ) 這一特定方法會觸發(fā)一個元素上特定的事件(指定一個事件類型)，同時取消瀏覽器對此事件的默認行動unbind( type, data ) 反綁定，從每一個匹配的元素中刪除綁定的事件。$(p).unbind() 移除所有段落上的所有綁定的事件$(p).unbind( click ) 移除所有段落上的click事件hover(

10、 over, out ) over,out都是方法, 當鼠標移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)。當鼠標移出這個元素時，會觸發(fā)指定的第二個函數(shù)。$(p).hover(function()$(this).addclass(over);,function()$(this).addclass(out););toggle( fn, fn ) 如果點擊了一個匹配的元素，則觸發(fā)指定的第一個函數(shù)，當再次點擊同一元素時，則觸發(fā)指定的第二個函數(shù)。$(p).toggle(function()$(this).addclass(selected);,function()$(this).removecla

11、ss(selected););元素事件列表說明注：不帶參數(shù)的函數(shù)，其參數(shù)為可選的 fn。jquery不支持form元素的reset事件。事件 描述 支持元素或?qū)ο骲lur( ) 元素失去焦點 a, input, textarea, button, select, label, map, areachange( ) 用戶改變域的內(nèi)容 input, textarea, selectclick( ) 鼠標點擊某個對象 幾乎所有元素dblclick( ) 鼠標雙擊某個對象 幾乎所有元素error( ) 當加載文檔或圖像時發(fā)生某個錯誤 window, imgfocus( ) 元素獲得焦點 a, inpu

12、t, textarea, button, select, label, map, areakeydown( ) 某個鍵盤的鍵被按下 幾乎所有元素keypress( ) 某個鍵盤的鍵被按下或按住 幾乎所有元素keyup( ) 某個鍵盤的鍵被松開 幾乎所有元素load( fn ) 某個頁面或圖像被完成加載 window, imgmousedown( fn ) 某個鼠標按鍵被按下 幾乎所有元素mousemove( fn ) 鼠標被移動 幾乎所有元素mouseout( fn ) 鼠標從某元素移開 幾乎所有元素mouseover( fn ) 鼠標被移到某元素之上 幾乎所有元素mouseup( fn )

13、某個鼠標按鍵被松開 幾乎所有元素resize( fn ) 窗口或框架被調(diào)整尺寸 window, iframe, framescroll( fn ) 滾動文檔的可視部分時 windowselect( ) 文本被選定 document, input, textareasubmit( ) 提交按鈕被點擊 formunload( fn ) 用戶退出頁面 windowjquery ajax 方法說明:load( url, data, callback ) 裝入一個遠程html內(nèi)容到一個dom結點。$(#feeds).load(feeds.html); 將feeds.html文件載入到id為feeds的d

14、iv中$(#feeds).load(feeds.php, limit: 25, function()alert(the last 25 entries in the feed have been loaded););jquery.get( url, data, callback ) 使用get請求一個頁面。$.get(test.cgi, name: john, time: 2pm , function(data)alert(data loaded: + data););jquery.getjson( url, data, callback ) 使用get請求json數(shù)據(jù)。$.getjson(t

15、est.js, name: john, time: 2pm , function(json)alert(json data: + ););jquery.getscript( url, callback ) 使用get請求javascript文件并執(zhí)行。$.getscript(test.js, function()alert(script loaded and executed.););jquery.post( url, data, callback, type ) 使用post請求一個頁面。ajaxcomplete( callback ) 當一個ajax請求結束

16、后，執(zhí)行一個函數(shù)。這是一個ajax事件$(#msg).ajaxcomplete(function(request, settings)$(this).append(request complete.););ajaxerror( callback ) 當一個ajax請求失敗后，執(zhí)行一個函數(shù)。這是一個ajax事件$(#msg).ajaxerror(function(request, settings)$(this).append(error requesting page + settings.url + ););ajaxsend( callback ) 在一個ajax請求發(fā)送時，執(zhí)行一個函數(shù)。這

17、是一個ajax事件$(#msg).ajaxsend(function(evt, request, settings)$(this).append(listarting request at + settings.url+ /li););ajaxstart( callback ) 在一個ajax請求開始但還沒有激活時，執(zhí)行一個函數(shù)。這是一個ajax事件當ajax請求開始(并還沒有激活時)顯示loading信息$(#loading).ajaxstart(function()$(this).show(););ajaxstop( callback ) 當所有的ajax都停止時，執(zhí)行一個函數(shù)。這是一個a

18、jax事件當所有ajax請求都停止時，隱藏loading信息。$(#loading).ajaxstop(function()$(this).hide(););ajaxsuccess( callback ) 當一個ajax請求成功完成后，執(zhí)行一個函數(shù)。這是一個ajax事件當ajax請求成功完成時，顯示信息。$(#msg).ajaxsuccess(function(evt, request, settings)$(this).append(successful request!););jquery.ajaxsetup( options ) 為所有的ajax請求進行全局設置。查看$.ajax函數(shù)取得

19、所有選項信息。設置默認的全局ajax請求選項。$.ajaxsetup(url: /xmlhttp/,global: false,type: post);$.ajax( data: mydata );serialize( ) 以名稱和值的方式連接一組input元素。實現(xiàn)了正確表單元素序列function showvalues() var str = $(form).serialize();$(#results).text(str);$(:checkbox, :radio).click(showvalues);$(select).change(showvalues);showvalues();se

20、rializearray( ) 連接所有的表單和表單元素(類似于.serialize()方法)，但是返回一個json數(shù)據(jù)格式。從form中取得一組值，顯示出來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).c

21、hange(showvalues);showvalues();jquery effects 方法說明show( ) 顯示隱藏的匹配元素。show( speed, callback ) 以優(yōu)雅的動畫顯示所有匹配的元素，并在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)。hide( ) 隱藏所有的匹配元素。hide( speed, callback ) 以優(yōu)雅的動畫隱藏所有匹配的元素，并在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)toggle( ) 切換元素的可見狀態(tài)。如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。slidedown( speed, callback ) 通過高度變化（向下增大）來動態(tài)地

22、顯示所有匹配的元素，在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)。這個動畫效果只調(diào)整元素的高度，可以使匹配的元素以滑動的方式顯示出來。slideup( speed, callback ) 通過高度變化（向上減?。﹣韯討B(tài)地隱藏所有匹配的元素，在隱藏完成后可選地觸發(fā)一個回調(diào)函數(shù)。這個動畫效果只調(diào)整元素的高度，可以使匹配的元素以滑動的方式隱藏起來。slidetoggle( speed, callback ) 通過高度變化來切換所有匹配元素的可見性，并在切換完成后可選地觸發(fā)一個回調(diào)函數(shù)。 這個動畫效果只調(diào)整元素的高度，可以使匹配的元素以滑動的方式隱藏或顯示。fadein( speed, callback ) 通

23、過不透明度的變化來實現(xiàn)所有匹配元素的淡入效果，并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)。 這個動畫只調(diào)整元素的不透明度，也就是說所有匹配的元素的高度和寬度不會發(fā)生變化。fadeout( speed, callback ) 通過不透明度的變化來實現(xiàn)所有匹配元素的淡出效果，并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)。 這個動畫只調(diào)整元素的不透明度，也就是說所有匹配的元素的高度和寬度不會發(fā)生變化。fadeto( speed, opacity, callback ) 把所有匹配元素的不透明度以漸進方式調(diào)整到指定的不透明度，并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)。 這個動畫只調(diào)整元素的不透明度，也就是說所有匹配的元

24、素的高度和寬度不會發(fā)生變化。stop( ) 停止所有匹配元素當前正在運行的動畫。如果有動畫處于隊列當中，他們就會立即開始。queue( ) 取得第一個匹配元素的動畫序列的引用(返回一個內(nèi)容為函數(shù)的數(shù)組)queue( callback ) 在每一個匹配元素的事件序列的末尾添加一個可執(zhí)行函數(shù)，作為此元素的事件函數(shù)queue( queue ) 以一個新的動畫序列代替所有匹配元素的原動畫序列dequeue( ) 執(zhí)行并移除動畫序列前端的動畫animate( params, duration, easing, callback ) 用于創(chuàng)建自定義動畫的函數(shù)。animate( params, option

25、s ) 創(chuàng)建自定義動畫的另一個方法。作用同上。jquery traversing 方法說明eq( index ) 從匹配的元素集合中取得一個指定位置的元素，index從0開始filter( expr ) 返回與指定表達式匹配的元素集合，可以使用,號分割多個expr，用于實現(xiàn)多個條件篩選filter( fn ) 利用一個特殊的函數(shù)來作為篩選條件移除集合中不匹配的元素。is( expr ) 用一個表達式來檢查當前選擇的元素集合，如果其中至少有一個元素符合這個給定的表達式就返回true。map( callback ) 將jquery對象中的一組元素利用callback方法轉換其值，然后添加到一個jq

26、uery數(shù)組中。not( expr ) 從匹配的元素集合中刪除與指定的表達式匹配的元素。slice( start, end ) 從匹配元素集合中取得一個子集，和內(nèi)建的數(shù)組的slice方法相同。add( expr ) 把與表達式匹配的元素添加到jquery對象中。children( expr ) 取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。可選的過濾器將使這個方法只匹配符合的元素(只包括元素節(jié)點，不包括文本節(jié)點)。contents( ) 取得一個包含匹配的元素集合中每一個元素的所有子孫節(jié)點的集合(只包括元素節(jié)點，不包括文本節(jié)點)，如果元素為iframe，則取得其中的文檔元素fi

27、nd( expr ) 搜索所有與指定表達式匹配的元素。next( expr ) 取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。nextall( expr ) 取得一個包含匹配的元素集合中每一個元素所有的后面同輩元素的元素集合parent( expr ) 取得一個包含著所有匹配元素的唯一父元素的元素集合。parents( expr ) 取得一個包含著所有匹配元素的唯一祖先元素的元素集合（不包含根元素）。prev( expr ) 取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩元素的元素集合。prevall( expr ) 取得一個包含匹配的元素集合中每一個元素的之前所

28、有同輩元素的元素集合。siblings( expr ) 取得一個包含匹配的元素集合中每一個元素的所有同輩元素的元素集合。andself( ) 將前一個匹配的元素集合添加到當前的集合中取得所有div元素和其中的p元素，添加border類屬性。取得所有div元素中的p元素，添加background類屬性$(div).find(p).andself().addclass(border);$(div).find(p).addclass(background);end( ) 結束當前的操作，回到當前操作的前一個操作找到所有p元素其中的span元素集合，然后返回p元素集合，添加css屬性 $(p).fin

29、d(span).end().css(border, 2px red solid);jquery selectors 方法說明基本選擇器$(#mydiv) 匹配唯一的具有此id值的元素$(div) 匹配指定名稱的所有元素$(.myclass) 匹配具有此class樣式值的所有元素$(*) 匹配所有元素$(div,span,p.myclass) 聯(lián)合所有匹配的選擇器層疊選擇器$(form input) 后代選擇器，選擇ancestor的所有子孫節(jié)點$(#main *) 子選擇器，選擇parent的所有子節(jié)點$(label + input) 臨選擇器，選擇prev的下一個臨節(jié)點$(#prev div

30、) 同胞選擇器，選擇prev的所有同胞節(jié)點基本過濾選擇器$(tr:first) 匹配第一個選擇的元素$(tr:last) 匹配最后一個選擇的元素$(input:not(:checked) + span)從原元素集合中過濾掉匹配selector的所有元素（這里有是一個臨選擇器）$(tr:even) 匹配集合中偶數(shù)位置的所有元素(從0開始)$(tr:odd) 匹配集合中奇數(shù)位置的所有元素(從0開始)$(td:eq(2) 匹配集合中指定位置的元素(從0開始)$(td:gt(4) 匹配集合中指定位置之后的所有元素(從0開始)$(td:gl(4) 匹配集合中指定位置之前的所有元素(從0開始)$(:hea

31、der) 匹配所有標題$(div:animated) 匹配所有正在運行動畫的所有元素內(nèi)容過濾選擇器$(div:contains(john) 匹配含有指定文本的所有元素$(td:empty) 匹配所有空元素(只含有文本的元素不算空元素)$(div:has(p) 匹配包含指定元素p的元素，$(td:parent) 匹配所有不為空的元素(含有文本的元素也算)$(div:hidden) 匹配所有隱藏的元素，也包括表單的隱藏域$(div:visible) 匹配所有可見的元素屬性過濾選擇器$(divid) 匹配所有具有指定屬性的元素$(inputname=newsletter) 匹配所有具有指定屬性值的元

32、素$(inputname!=newsletter) 匹配所有不具有指定屬性值的元素$(inputname=news) 匹配所有指定屬性值以value開頭的元素$(inputname$=letter) 匹配所有指定屬性值以value結尾的元素$(inputname*=man) 匹配所有指定屬性值含有value字符的元素$(inputidname$=man) 匹配同時符合多個選擇器的所有元素子元素過濾選擇器$(ul li:nth-child(2),$(ul li:nth-child(odd), 匹配父元素的第n個子元素$(ul li:nth-child(3n + 1)$(div span:firs

33、t-child) 匹配父元素的第1個子元素$(div span:last-child) 匹配父元素的最后1個子元素$(div button:only-child) 匹配父元素的唯一1個子元素表單元素選擇器$(:input) 匹配所有的表單輸入元素，包括所有類型的input, textarea, select 和 button$(:text) 匹配所有類型為text的input元素$(:password) 匹配所有類型為password的input元素$(:radio) 匹配所有類型為radio的input元素$(:checkbox) 匹配所有類型為checkbox的input元素$(:subm

34、it) 匹配所有類型為submit的input元素$(:image) 匹配所有類型為image的input元素$(:reset) 匹配所有類型為reset的input元素$(:button) 匹配所有類型為button的input元素$(:file) 匹配所有類型為file的input元素$(:hidden) 匹配所有類型為hidden的input元素或表單的隱藏域表單元素過濾選擇器$(:enabled) 匹配所有可操作的表單元素$(:disabled) 匹配所有不可操作的表單元素$(:checked) 匹配所有已點選的元素$(select option:selected) 匹配所有已選擇的元

35、素jquery css 方法說明css( name ) 訪問第一個匹配元素的樣式屬性。css( properties ) 把一個名/值對對象設置為所有匹配元素的樣式屬性。$(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 ) 在所有匹配的元素中，設置

36、一個樣式屬性的值。offset( ) 取得匹配的第一個元素相對于當前可視窗口的位置。返回的對象有2個屬性，top和left，屬性值為整數(shù)。這個函數(shù)只能用于可見元素。var p = $(p:last);var offset = p.offset();p.html( left: + offset.left + , top: + offset.top );width( ) 取得當前第一匹配的元素的寬度值，width( val ) 為每個匹配的元素設置指定的寬度值。height( ) 取得當前第一匹配的元素的高度值，height( val ) 為每個匹配的元素設置指定的高度值。jquery utili

37、ties 方法說明jquery.browser.msie 表示iejquery.browser.version 讀取用戶瀏覽器的版本信息jquery.boxmodel 檢測用戶瀏覽器針對當前頁的顯示是否基于w3c css的盒模型jquery.isfunction( obj ) 檢測傳遞的參數(shù)是否為functionfunction stub() var objs = function () , x:15, y:20 ,null,stub,function;jquery.each(objs, function (i) var isfunc = jquery.isfunction(objsi);$(

38、span:eq( + i + ).text(isfunc););jquery.trim( str ) 清除字符串兩端的空格，使用正則表達式來清除給定字符兩端的空格jquery.each( object, callback ) 一個通用的迭代器，可以用來無縫迭代對象和數(shù)組jquery.extend( target, object1, objectn ) 擴展一個對象，修改原來的對象并返回，這是一個強大的實現(xiàn)繼承的工具，這種繼承是采用傳值的方法來實現(xiàn)的，而不是javascript中的原型鏈方式。合并settings和options對象，返回修改后的settings對象var settings = validate: false, limit: 5, name: foo ;var options = validate: true, name: bar ;jquery.extend