jQuery 函數

jQuery CSS 函數 - 來自本頁

CSS 屬性	描述
$(selector).css(name,value)	爲匹配元素設置樣式屬性的值
$(selector).css({properties})	爲匹配元素設置多個樣式屬性
$(selector).css(name)	得到第一個匹配元素的樣式屬性值
$(selector).height(value)	設置匹配元素的高度
$(selector).width(value)	設置匹配元素的寬度

jQuery AJAX 請求

請求	描述
$(selector).load(url,data,callback)	把遠程數據加載到被選的元素中
$.ajax(options)	把遠程數據加載到 XMLHttpRequest 對象中
$.get(url,data,callback,type)	使用 HTTP GET 來加載遠程數據
$.post(url,data,callback,type)	使用 HTTP POST 來加載遠程數據
$.getJSON(url,data,callback)	使用 HTTP GET 來加載遠程 JSON 數據
$.getScript(url,callback)	加載並執行遠程的 JavaScript 文件

jQuery 選擇器

選擇器	實例	選取
*	$("*")	全部元素
#id	$("#lastname")	id=lastname 的元素
.class	$(".intro")	全部 class="intro" 的元素
element	$("p")	全部 <p> 元素
.class.class	$(".intro.demo")	全部 class=intro 且 class=demo 的元素
:first	$("p:first")	第一個 <p> 元素
:last	$("p:last")	最後一個 <p> 元素
:even	$("tr:even")	全部偶數 <tr> 元素
:odd	$("tr:odd")	全部奇數 <tr> 元素
:eq(index)	$("ul li:eq(3)")	列表中的第四個元素（index 從 0 開始）
:gt(no)	$("ul li:gt(3)")	列出 index 大於 3 的元素
:lt(no)	$("ul li:lt(3)")	列出 index 小於 3 的元素
:not(selector)	$("input:not(:empty)")	全部不爲空的 input 元素
:header	$(":header")	全部標題元素 <h1><h2>...
:animated		全部動畫元素
:contains(text)	$(":contains('W3School')")	包含文本的全部元素
:empty	$(":empty")	無子（元素）節點的全部元素
:hidden	$("p:hidden")	全部隱藏的 <p> 元素
:visible	$("table:visible")	全部可見的表格
s1,s2,s3	$("th,td,.intro")	全部帶有匹配選擇的元素
[attribute]	$("[href]")	全部帶有 href 屬性的元素
[attribute=value]	$("[href='#']")	全部 href 屬性的值等於 "#" 的元素
[attribute!=value]	$("[href!='#']")	全部 href 屬性的值不等於 "#" 的元素
[attribute$=value]	$("[href$='.jpg']")	全部 href 屬性的值包含 ".jpg" 的元素
:input	$(":input")	全部 <input> 元素
:text	$(":text")	全部 type="text" 的 <input> 元素
:password	$(":password")	全部 type="password" 的 <input> 元素
:radio	$(":radio")	全部 type="radio" 的 <input> 元素
:checkbox	$(":checkbox")	全部 type="checkbox" 的 <input> 元素
:submit	$(":submit")	全部 type="submit" 的 <input> 元素
:reset	$(":reset")	全部 type="reset" 的 <input> 元素
:button	$(":button")	全部 type="button" 的 <input> 元素
:image	$(":image")	全部 type="image" 的 <input> 元素
:file	$(":file")	全部 type="file" 的 <input> 元素
:enabled	$(":enabled")	全部激活的 input 元素
:disabled	$(":disabled")	全部禁用的 input 元素
:selected	$(":selected")	全部被選取的 input 元素
:checked	$(":checked")	全部被選中的 input 元素

方法	描述
ready()	文檔就緒事件（當 HTML 文檔就緒可用時）
blur()	觸發、或將函數綁定到指定元素的 blur 事件
change()	觸發、或將函數綁定到指定元素的 change 事件
click()	觸發、或將函數綁定到指定元素的 click 事件
dblclick()	觸發、或將函數綁定到指定元素的 double click 事件
error()	觸發、或將函數綁定到指定元素的 error 事件
focus()	觸發、或將函數綁定到指定元素的 focus 事件
keydown()	觸發、或將函數綁定到指定元素的 key down 事件
keypress()	觸發、或將函數綁定到指定元素的 key press 事件
keyup()	觸發、或將函數綁定到指定元素的 key up 事件
load()	觸發、或將函數綁定到指定元素的 load 事件
mousedown()	觸發、或將函數綁定到指定元素的 mouse down 事件
mouseenter()	觸發、或將函數綁定到指定元素的 mouse enter 事件
mouseleave()	觸發、或將函數綁定到指定元素的 mouse leave 事件
mousemove()	觸發、或將函數綁定到指定元素的 mouse move 事件
mouseout()	觸發、或將函數綁定到指定元素的 mouse out 事件
mouseover()	觸發、或將函數綁定到指定元素的 mouse over 事件
mouseup()	觸發、或將函數綁定到指定元素的 mouse up 事件
resize()	觸發、或將函數綁定到指定元素的 resize 事件
scroll()	觸發、或將函數綁定到指定元素的 scroll 事件
select()	觸發、或將函數綁定到指定元素的 select 事件
submit()	觸發、或將函數綁定到指定元素的 submit 事件
unload()	觸發、或將函數綁定到指定元素的 unload 事件

jQuery 事件處理方法

事件處理方法把事件處理器綁定至匹配元素。

方法	觸發
$(selector).bind(event)	向匹配元素添加一個或更多事件處理器
$(selector).delegate(selector, event)	向匹配元素添加一個事件處理器，如今或未來
$(selector).die()	移除全部經過 live() 函數添加的事件處理器
$(selector).live(event)	向匹配元素添加一個事件處理器，如今或未來
$(selector).one(event)	向匹配元素添加一個事件處理器。該處理器只能觸發一次。
$(selector).unbind(event)	從匹配元素移除一個被添加的事件處理器
$(selector).undelegate(event)	從匹配元素移除一個被添加的事件處理器，如今或未來
$(selector).trigger(event)	全部匹配元素的指定事件
$(selector).triggerHandler(event)	第一個被匹配元素的指定事件

jQuery 效果函數

Hide / Show	描述
show()	顯示被選的元素
hide()	隱藏被選的元素
toggle()	對被選元素進行隱藏和顯示的切換
Slide
slideDown()	經過調整高度來滑動顯示被選元素
slideUp()	經過調整高度來滑動隱藏被選元素
slideToggle()	對被選元素進行滑動隱藏和滑動顯示的切換
Fade in / out
fadeIn()	淡入被選元素至徹底不透明
fadeOut()	淡出被選元素至徹底不透明
fadeTo()	把被選元素減弱至給定的不透明度
Animation
animate()	對被選元素應用「自定義」的動畫
stop()	中止在被選元素上運行動畫
Queue
clearQueue()	對被選元素移除全部排隊的函數（仍未運行的）
delay()	對被選元素的全部排隊函數（仍未運行）設置延遲
dequeue()	運行被選元素的下一個排隊函數
queue()	顯示被選元素的排隊函數

jQuery 文檔操做方法

這些方法對於 XML 文檔和 HTML 文檔均是適用的，除了：html()。

方法	描述
addClass()	向匹配的元素添加指定的類名。
after()	在匹配的元素以後插入內容。
append()	向匹配的元素內部追加內容。
appendTo()	向匹配的元素內部追加內容。
attr()	設置或返回匹配元素的屬性和值。
before()	在每一個匹配的元素以前插入內容。
clone()	建立匹配元素集合的副本。
detach()	從 DOM 中移除匹配元素集合。
empty()	刪除匹配的元素集合中全部的子節點。
hasClass()	檢查匹配的元素是否擁有指定的類。
html()	設置或返回匹配的元素集合中的 HTML 內容。
insertAfter()	把匹配的元素插入到另外一個指定的元素集合的後面。
insertBefore()	把匹配的元素插入到另外一個指定的元素集合的前面。
prepend()	向每一個匹配的元素內部前置內容。
prependTo()	向每一個匹配的元素內部前置內容。
remove()	移除全部匹配的元素。
removeAttr()	從全部匹配的元素中移除指定的屬性。
removeClass()	從全部匹配的元素中刪除所有或者指定的類。
replaceAll()	用匹配的元素替換全部匹配到的元素。
replaceWith()	用新內容替換匹配的元素。
text()	設置或返回匹配元素的內容。
toggleClass()	從匹配的元素中添加或刪除一個類。
unwrap()	移除並替換指定元素的父元素。
val()	設置或返回匹配元素的值。
wrap()	把匹配的元素用指定的內容或元素包裹起來。
wrapAll()	把全部匹配的元素用指定的內容或元素包裹起來。
wrapinner()	將每個匹配的元素的子內容用指定的內容或元素包裹起來。

jQuery CSS 操做函數

下面列出的這些方法設置或返回元素的 CSS 相關屬性。

CSS 屬性	描述
css()	設置或返回匹配元素的樣式屬性。
height()	設置或返回匹配元素的高度。
offset()	返回第一個匹配元素相對於文檔的位置。
offsetParent()	返回最近的定位祖先元素。
position()	返回第一個匹配元素相對於父元素的位置。
scrollTop()	設置或返回匹配元素相對滾動條頂部的偏移。
scrollLeft()	設置或返回匹配元素相對滾動條左側的偏移。
width()	設置或返回匹配元素的寬度。