JQuery詳細(xì)語(yǔ)法介紹_第1頁(yè)
JQuery詳細(xì)語(yǔ)法介紹_第2頁(yè)
JQuery詳細(xì)語(yǔ)法介紹_第3頁(yè)
JQuery詳細(xì)語(yǔ)法介紹_第4頁(yè)
JQuery詳細(xì)語(yǔ)法介紹_第5頁(yè)
已閱讀5頁(yè)，還剩19頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

jQuery語(yǔ)法介紹通過(guò)jQuery，您可以選取（查詢，query）HTML元素，并對(duì)它們執(zhí)行“操作”（actions）。jQuery語(yǔ)法實(shí)例$(this).hide()演示jQueryhide()函數(shù)，隱藏當(dāng)前的HTML元素。$("#test").hide()演示jQueryhide()函數(shù)，隱藏id="test"的元素。$("p").hide()演示jQueryhide()函數(shù)，隱藏所有<p>元素。$(".test").hide()演示jQueryhide()函數(shù)，隱藏所有class="test"的元素。jQuery語(yǔ)法jQuery語(yǔ)法是為HTML元素的選取編制，可以對(duì)元素執(zhí)行某些操作?；A(chǔ)語(yǔ)法是：$(selector).action()美元符號(hào)定義jQuery選擇符（selector）“查詢”和“查找”HTML元素jQueryaction()執(zhí)行對(duì)元素的操作實(shí)例$(this).hide()-隱藏當(dāng)前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏所有class="test"的段落$("#test").hide()-隱藏所有id="test"的元素提示：jQuery使用的語(yǔ)法是XPath與CSS選擇器語(yǔ)法的組合。在本教程接下來(lái)的章節(jié)，您將學(xué)習(xí)到更多有關(guān)選擇器的語(yǔ)法。文檔就緒函數(shù)您也許已經(jīng)注意到在我們的實(shí)例中的所有jQuery函數(shù)位于一個(gè)documentready函數(shù)中：$(document).ready(function(){---jQueryfunctionsgohere----});這是為了防止文檔在完全加載（就緒）之前運(yùn)行jQuery代碼。jQuery選擇器選擇器允許您對(duì)元素組或單個(gè)元素進(jìn)行操作。jQuery選擇器在前面的章節(jié)中，我們展示了一些有關(guān)如何選取HTML元素的實(shí)例。關(guān)鍵點(diǎn)是學(xué)習(xí)jQuery選擇器是如何準(zhǔn)確地選取您希望應(yīng)用效果的元素。jQuery元素選擇器和屬性選擇器允許您通過(guò)標(biāo)簽名、屬性名或內(nèi)容對(duì)HTML元素進(jìn)行選擇。選擇器允許您對(duì)HTML元素組或單個(gè)元素進(jìn)行操作。在HTMLDOM術(shù)語(yǔ)中：選擇器允許您對(duì)DOM元素組或單個(gè)DOM節(jié)點(diǎn)進(jìn)行操作。jQuery元素選擇器jQuery使用CSS選擇器來(lái)選取HTML元素。$("p")選取<p>元素。$("ro")選取所有class="intro"的<p>元素。$("p#demo")選取id="demo"的第一個(gè)<p>元素。jQuery屬性選擇器jQuery使用XPath表達(dá)式來(lái)選擇帶有給定屬性的元素。$("[href]")選取所有帶有href屬性的元素。$("[href='#']")選取所有帶有href值等于"#"的元素。$("[href!='#']")選取所有帶有href值不等于"#"的元素。$("[href$='.jpg']")選取所有href值以".jpg"結(jié)尾的元素。jQueryCSS選擇器jQueryCSS選擇器可用于改變HTML元素的CSS屬性。下面的例子把所有p元素的背景顏色更改為紅色：實(shí)例$("p").css("background-color","red");jQuery參考手冊(cè)-選擇器jQuery選擇器選擇器實(shí)例選取\o"jQuery*選擇器"*$("*")所有元素\o"jQuery#選擇器"#id$("#lastname")id=lastname的元素\o"jQuery.選擇器".class$(".intro")所有class="intro"的元素\o"jQueryelement選擇器"element$("p")所有<p>元素.class.class$(".intro.demo")所有class=intro且class=demo的元素

\o"jQuery:first選擇器":first$("p:first")第一個(gè)<p>元素\o"jQuery:last選擇器":last$("p:last")最后一個(gè)<p>元素\o"jQuery:even選擇器":even$("tr:even")所有偶數(shù)<tr>元素\o"jQuery:odd選擇器":odd$("tr:odd")所有奇數(shù)<tr>元素

\o"jQuery:eq()選擇器":eq(index)$("ulli:eq(3)")列表中的第四個(gè)元素（index從0開(kāi)始）\o"jQuery:gt選擇器":gt(no)$("ulli:gt(3)")列出index大于3的元素\o"jQuery:lt選擇器":lt(no)$("ulli:lt(3)")列出index小于3的元素:not(selector)$("input:not(:empty)")所有不為空的input元素

\o"jQuery:header選擇器":header$(":header")所有標(biāo)題元素<h1><h2>...\o"jQuery:animated選擇器":animated

所有動(dòng)畫(huà)元素

\o"jQuery:contains選擇器":contains(text)$(":contains('W3School')")包含文本的所有元素\o"jQuery:empty選擇器":empty$(":empty")無(wú)子（元素）節(jié)點(diǎn)的所有元素:hidden$("p:hidden")所有隱藏的<p>元素\o"jQuery:visible選擇器":visible$("table:visible")所有可見(jiàn)的表格

s1,s2,s3$("th,td,.intro")所有帶有匹配選擇的元素

\o"jQuery[attribute]選擇器"[attribute]$("[href]")所有帶有href屬性的元素\o"jQuery[attribute=value]選擇器"[attribute=value]$("[href='#']")所有href屬性的值等于"#"的元素\o"jQuery[attribute!=value]選擇器"[attribute!=value]$("[href!='#']")所有href屬性的值不等于"#"的元素\o"jQuery[attribute$=value]選擇器"[attribute$=value]$("[href$='.jpg']")所有href屬性的值包含".jpg"的元素

\o"jQuery:input選擇器":input$(":input")所有<input>元素\o"jQuery:text選擇器":text$(":text")所有type="text"的<input>元素\o"jQuery:password選擇器":password$(":password")所有type="password"的<input>元素\o"jQuery:radio選擇器":radio$(":radio")所有type="radio"的<input>元素\o"jQuery:checkbox選擇器":checkbox$(":checkbox")所有type="checkbox"的<input>元素\o"jQuery:submit選擇器":submit$(":submit")所有type="submit"的<input>元素\o"jQuery:reset選擇器":reset$(":reset")所有type="reset"的<input>元素\o"jQuery:button選擇器":button$(":button")所有type="button"的<input>元素\o"jQuery:image選擇器":image$(":image")所有type="image"的<input>元素\o"jQuery:file選擇器":file$(":file")所有type="file"的<input>元素

\o"jQuery:enabled選擇器":enabled$(":enabled")所有激活的input元素\o"jQuery:disabled選擇器":disabled$(":disabled")所有禁用的input元素\o"jQuery:selected選擇器":selected$(":selected")所有被選取的input元素\o"jQuery:checked選擇器":checked$(":checked")所有被選中的input元素jQuery事件jQuery是為事件處理特別設(shè)計(jì)的。jQuery事件函數(shù)jQuery事件處理函數(shù)是jQuery中的核心函數(shù)。事件處理函數(shù)是當(dāng)HTML中發(fā)生事件時(shí)自動(dòng)被調(diào)用的函數(shù)。由“事件”（event）“觸發(fā)”（triggered）是經(jīng)常被用到的術(shù)語(yǔ)。在您<head>中由于jQuery是為事件處理特別設(shè)計(jì)的，通常是把jQuery代碼置于網(wǎng)頁(yè)<head>部分的“事件處理”函數(shù)中：實(shí)例<html><head><scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript">$(document).ready(function(){$("button").click(function(){$("p").hide();});});</script></head><body><h2>Thisisaheading</h2><p>Thisisaparagraph.</p><p>Thisisanotherparagraph.</p><buttontype="button">Clickme</button></body></html>TIY在上面的例子中，定義了一個(gè)處理HTML按鈕的點(diǎn)擊事件的click函數(shù)：$("button").click(function(){..somecode...})click函數(shù)內(nèi)部的代碼隱藏所有<p>元素：$("p").hide();所有事件函數(shù)都在文檔自身的“事件處理器”內(nèi)部進(jìn)行定義：$(document).ready(function(){..somecode...})單獨(dú)文件中的函數(shù)如果您的網(wǎng)站包含許多頁(yè)面，并且您希望您的jQuery函數(shù)易于維護(hù)，那么請(qǐng)把您的jQuery函數(shù)放到獨(dú)立的.js文件中。當(dāng)我們?cè)诮坛讨醒菔緅Query時(shí)，會(huì)將函數(shù)直接添加到<head>部分中。不過(guò)，把它們放到一個(gè)單獨(dú)的文件中會(huì)更好，就像這樣（通過(guò)src屬性來(lái)引用文件）：實(shí)例<head><scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript"src="my_jquery_functions.js"></script></head>jQuery名稱沖突jQuery使用$符號(hào)作為jQuery的簡(jiǎn)介方式。某些其他JavaScript庫(kù)中的函數(shù)（比如Prototype）同樣使用$符號(hào)。jQuery使用名為noConflict()的方法來(lái)解決該問(wèn)題。varjq=jQuery.noConflict()，幫助您使用自己的名稱（比如jq）來(lái)代替$符號(hào)。TIY結(jié)論由于jQuery是為處理HTML事件而特別設(shè)計(jì)的，那么當(dāng)您遵循以下原則時(shí)，您的代碼會(huì)更恰當(dāng)且更易維護(hù)：把所有jQuery代碼置于事件處理函數(shù)中把所有事件處理函數(shù)置于文檔就緒事件處理器中把jQuery代碼置于單獨(dú)的.js文件中如果存在名稱沖突，則重命名jQuery庫(kù)jQuery參考手冊(cè)-事件jQuery事件方法事件方法會(huì)觸發(fā)匹配元素的事件，或?qū)⒑瘮?shù)綁定到所有匹配元素的某個(gè)事件。觸發(fā)實(shí)例：$("button#demo").click()上面的例子將觸發(fā)id="demo"的button元素的click事件。綁定實(shí)例：$("button#demo").click(function(){$("img").hide()})上面的例子會(huì)在點(diǎn)擊id="demo"的按鈕時(shí)隱藏所有圖像。方法描述\o"jQuery事件-ready()方法"ready()文檔就緒事件（當(dāng)HTML文檔就緒可用時(shí)）\o"jQuery事件-blur()方法"blur()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的blur事件\o"jQuery事件-change()方法"change()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的change事件\o"jQuery事件-click()方法"click()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的click事件\o"jQuery事件-dblclick()方法"dblclick()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的doubleclick事件\o"jQuery事件-error()方法"error()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的error事件\o"jQuery事件-focus()方法"focus()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的focus事件\o"jQuery事件-keydown()方法"keydown()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的keydown事件\o"jQuery事件-keypress()方法"keypress()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的keypress事件\o"jQuery事件-keyup()方法"keyup()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的keyup事件load()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的load事件\o"jQuery事件-mousedown()方法"mousedown()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mousedown事件\o"jQuery事件-mouseenter()方法"mouseenter()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mouseenter事件\o"jQuery事件-mouseleave()方法"mouseleave()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mouseleave事件\o"jQuery事件-mousemove()方法"mousemove()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mousemove事件\o"jQuery事件-mouseout()方法"mouseout()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mouseout事件\o"jQuery事件-mouseover()方法"mouseover()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mouseover事件\o"jQuery事件-mouseup()方法"mouseup()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的mouseup事件\o"jQuery事件-resize()方法"resize()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的resize事件\o"jQuery事件-scroll()方法"scroll()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的scroll事件\o"jQuery事件-select()方法"select()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的select事件\o"jQuery事件-submit()方法"submit()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的submit事件unload()觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的unload事件jQuery事件處理方法事件處理方法把事件處理器綁定至匹配元素。方法觸發(fā)$(selector).bind(event)向匹配元素添加一個(gè)或更多事件處理器$(selector).delegate(selector,event)向匹配元素添加一個(gè)事件處理器，現(xiàn)在或?qū)?lái)$(selector).die()移除所有通過(guò)live()函數(shù)添加的事件處理器$(selector).live(event)向匹配元素添加一個(gè)事件處理器，現(xiàn)在或?qū)?lái)$(selector).one(event)向匹配元素添加一個(gè)事件處理器。該處理器只能觸發(fā)一次。$(selector).unbind(event)從匹配元素移除一個(gè)被添加的事件處理器$(selector).undelegate(event)從匹配元素移除一個(gè)被添加的事件處理器，現(xiàn)在或?qū)?lái)\o"jQuery事件-trigger()方法"$(selector).trigger(event)所有匹配元素的指定事件$(selector).triggerHandler(event)第一個(gè)被匹配元素的指定事件jQuery效果jQuery是為事件處理特別設(shè)計(jì)的。jQuery事件函數(shù)隱藏、顯示、切換、滑動(dòng)以及動(dòng)畫(huà)。WOW!ClickHeretoShow/HidePanel實(shí)例jQueryhide()演示簡(jiǎn)單的jQueryhide()函數(shù)。jQueryhide()另一個(gè)hide()演示。如何隱藏部分文本。jQueryslideToggle()演示簡(jiǎn)單的slidepanel效果。jQueryfadeTo()演示簡(jiǎn)單的jQueryfadeTo()函數(shù)。jQueryanimate()演示簡(jiǎn)單的jQueryanimate()函數(shù)。jQuery隱藏和顯示通過(guò)hide()和show()兩個(gè)函數(shù)，jQuery支持對(duì)HTML元素的隱藏和顯示：實(shí)例$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});TIYhide()和show()都可以設(shè)置兩個(gè)可選參數(shù)：speed和callback。語(yǔ)法：$(selector).hide(speed,callback)$(selector).show(speed,callback)callback參數(shù)是在hide或show函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān)callback參數(shù)的知識(shí)。speed參數(shù)可以設(shè)置這些值："slow","fast","normal"或milliseconds：實(shí)例$("button").click(function(){$("p").hide(1000);});TIYjQuery切換jQuerytoggle()函數(shù)使用show()或hide()函數(shù)來(lái)切換HTML元素的可見(jiàn)狀態(tài)。隱藏顯示的元素，顯示隱藏的元素。語(yǔ)法：$(selector).toggle(speed,callback)speed參數(shù)可以設(shè)置這些值："slow","fast","normal"或毫秒。實(shí)例$("button").click(function(){$("p").toggle();});TIYcallback參數(shù)是在hide或show函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān)callback參數(shù)的知識(shí)。jQuery滑動(dòng)函數(shù)-slideDown,slideUp,slideTogglejQuery擁有以下滑動(dòng)函數(shù)：$(selector).slideDown(speed,callback)$(selector).slideUp(speed,callback)$(selector).slideToggle(speed,callback)speed參數(shù)可以設(shè)置這些值："slow","fast","normal"或毫秒。callback參數(shù)是在hide或show函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān)callback參數(shù)的知識(shí)。slideDown()實(shí)例$(".flip").click(function(){$(".panel").slideDown();});TIYslideUp()實(shí)例$(".flip").click(function(){$(".panel").slideUp()})TIYslideToggle()實(shí)例$(".flip").click(function(){$(".panel").slideToggle();});TIYjQueryFade函數(shù)-fadeIn(),fadeOut(),fadeTo()jQuery擁有以下fade函數(shù)：$(selector).fadeIn(speed,callback)$(selector).fadeOut(speed,callback)$(selector).fadeTo(speed,opacity,callback)speed參數(shù)可以設(shè)置這些值："slow","fast","normal"或毫秒。fadeTo()函數(shù)中的opacity參數(shù)規(guī)定減弱到給定的不透明度。callback參數(shù)是在hide或show函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān)callback參數(shù)的知識(shí)。fadeTo()實(shí)例$("button").click(function(){$("div").fadeTo("slow",0.25);});TIYfadeOut()實(shí)例$("button").click(function(){$("div").fadeOut(4000);});TIYjQuery自定義動(dòng)畫(huà)jQuery函數(shù)創(chuàng)建自定義動(dòng)畫(huà)的語(yǔ)法：$(selector).animate({params},[duration],[easing],[callback])關(guān)鍵的參數(shù)是params。它定義了產(chǎn)生動(dòng)畫(huà)的屬性?？梢酝瑫r(shí)設(shè)置多個(gè)此類屬性：animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});第二個(gè)參數(shù)是duration。它定義用來(lái)應(yīng)用于動(dòng)畫(huà)的時(shí)間。它設(shè)置的值是："slow","fast","normal"或毫秒。實(shí)例1<scripttype="text/javascript">$(document).ready(function(){$("#start").click(function(){$("#box").animate({height:300},"slow");$("#box").animate({width:300},"slow");$("#box").animate({height:100},"slow");$("#box").animate({width:100},"slow");});});</script>TIY實(shí)例2<scripttype="text/javascript">$(document).ready(function(){$("#start").click(function(){$("#box").animate({left:"100px"},"slow");$("#box").animate({fontSize:"3em"},"slow");});});</script>TIYHTML元素默認(rèn)是靜態(tài)定位，且無(wú)法移動(dòng)。如需使元素可以移動(dòng)，請(qǐng)把CSS的position設(shè)置為relative或absolute。jQuery參考手冊(cè)-效果jQuery效果函數(shù)Hide/Show描述\o"jQuery效果-show()方法"show()顯示被選的元素\o"jQuery效果-hide()方法"hide()隱藏被選的元素\o"jQuery效果-toggle()方法"toggle()對(duì)被選元素進(jìn)行隱藏和顯示的切換

Slide

\o"jQuery效果-slideDown()方法"slideDown()通過(guò)調(diào)整高度來(lái)滑動(dòng)顯示被選元素\o"jQuery效果-slideUp()方法"slideUp()通過(guò)調(diào)整高度來(lái)滑動(dòng)隱藏被選元素\o"jQuery效果-slideToggle()方法"slideToggle()對(duì)被選元素進(jìn)行滑動(dòng)隱藏和滑動(dòng)顯示的切換

Fadein/out

\o"jQuery效果-fadeIn()方法"fadeIn()淡入被選元素至完全不透明\o"jQuery效果-fadeOut()方法"fadeOut()淡出被選元素至完全不透明\o"jQuery效果-fadeTo()方法"fadeTo()把被選元素減弱至給定的不透明度

Animation

\o"jQuery效果-animate()方法"animate()對(duì)被選元素應(yīng)用“自定義”的動(dòng)畫(huà)\o"jQuery效果-stop()方法"stop()停止在被選元素上運(yùn)行動(dòng)畫(huà)

Queue

\o"jQuery效果-clearQueue()方法"clearQueue()對(duì)被選元素移除所有排隊(duì)的函數(shù)（仍未運(yùn)行的）delay()對(duì)被選元素的所有排隊(duì)函數(shù)（仍未運(yùn)行）設(shè)置延遲dequeue()運(yùn)行被選元素的下一個(gè)排隊(duì)函數(shù)queue()顯示被選元素的排隊(duì)函數(shù)jQueryCallback函數(shù)動(dòng)畫(huà)創(chuàng)造了對(duì)callback函數(shù)的需求。ClickHeretoShow/HidePaneljQuery動(dòng)畫(huà)的問(wèn)題許多jQuery函數(shù)涉及動(dòng)畫(huà)。這些函數(shù)也許會(huì)將speed或duration作為可選參數(shù)。例子：$("p").hide("slow")speed或duration參數(shù)可以設(shè)置許多不同的值，比如"slow","fast","normal"或毫秒。實(shí)例$("button").click(function(){$("p").hide(1000);});TIY由于JavaScript語(yǔ)句（指令）是逐一執(zhí)行的-按照次序，動(dòng)畫(huà)之后的語(yǔ)句可能會(huì)產(chǎn)生錯(cuò)誤或頁(yè)面沖突，因?yàn)閯?dòng)畫(huà)還沒(méi)有完成。為了避免這個(gè)情況，您可以以參數(shù)的形式添加Callback函數(shù)。jQueryCallback函數(shù)當(dāng)動(dòng)畫(huà)100%完成后，即調(diào)用Callback函數(shù)。典型的語(yǔ)法：$(selector).hide(speed,callback)callback參數(shù)是一個(gè)在hide操作完成后被執(zhí)行的函數(shù)。錯(cuò)誤（沒(méi)有callback）$("p").hide(1000);alert("Theparagraphisnowhidden");TIY正確（有callback）$("p").hide(1000,function(){alert("Theparagraphisnowhidden");});TIY結(jié)論：如果您希望在一個(gè)涉及動(dòng)畫(huà)的函數(shù)之后來(lái)執(zhí)行語(yǔ)句，請(qǐng)使用callback函數(shù)。jQueryHTML操作jQuery包含很多供改變和操作HTML的強(qiáng)大函數(shù)。改變HTML內(nèi)容語(yǔ)法$(selector).html(content)html()函數(shù)改變所匹配的HTML元素的內(nèi)容（innerHTML）。實(shí)例$("p").html("W3School");TIY添加HTML內(nèi)容語(yǔ)法$(selector).append(content)append()函數(shù)向所匹配的HTML元素內(nèi)部追加內(nèi)容。語(yǔ)法$(selector).prepend(content)prepend()函數(shù)向所匹配的HTML元素內(nèi)部預(yù)置（Prepend）內(nèi)容。實(shí)例$("p").append("W3School");TIY語(yǔ)法$(selector).after(content)after()函數(shù)在所有匹配的元素之后插入HTML內(nèi)容。語(yǔ)法$(selector).before(content)before()函數(shù)在所有匹配的元素之前插入HTML內(nèi)容。實(shí)例$("p").after("W3School.");jQuery參考手冊(cè)-文檔操作jQuery文檔操作方法這些方法對(duì)于XML文檔和HTML文檔均是適用的，除了：html()。方法描述\o"jQueryHTML-addClass()方法"addClass()向匹配的元素添加指定的類名。\o"jQueryHTML-after()方法"after()在匹配的元素之后插入內(nèi)容。\o"jQueryHTML-append()方法"append()向匹配的元素內(nèi)部追加內(nèi)容。\o"jQueryHTML-appendTo()方法"appendTo()向匹配的元素內(nèi)部追加內(nèi)容。\o"jQueryHTML-attr()方法"attr()設(shè)置或返回匹配元素的屬性和值。\o"jQueryHTML-before()方法"before()在每個(gè)匹配的元素之前插入內(nèi)容。\o"jQueryHTML-clone()方法"clone()創(chuàng)建匹配元素集合的副本。\o"jQueryHTML-detach()方法"detach()從DOM中移除匹配元素集合。\o"jQueryHTML-empty()方法"empty()刪除匹配的元素集合中所有的子節(jié)點(diǎn)。\o"jQueryHTML-hasClass()方法"hasClass()檢查匹配的元素是否擁有指定的類。\o"jQueryHTML-html()方法"html()設(shè)置或返回匹配的元素集合中的HTML內(nèi)容。\o"jQueryHTML-insertAfter()方法"insertAfter()把匹配的元素插入到另一個(gè)指定的元素集合的后面。\o"jQueryHTML-insertBefore()方法"insertBefore()把匹配的元素插入到另一個(gè)指定的元素集合的前面。\o"jQueryHTML-prepend()方法"prepend()向每個(gè)匹配的元素內(nèi)部前置內(nèi)容。\o"jQueryHTML-prependTo()方法"prependTo()向每個(gè)匹配的元素內(nèi)部前置內(nèi)容。\o"jQueryHTML-remove()方法"remove()移除所有匹配的元素。\o"jQueryHTML-removeAttr()方法"removeAttr()從所有匹配的元素中移除指定的屬性。\o"jQueryHTML-removeClass()方法"removeClass()從所有匹配的元素中刪除全部或者指定的類。\o"jQueryHTML-replaceAll()方法"replaceAll()用匹配的元素替換所有匹配到的元素。\o"jQueryHTML-replaceWith()方法"replaceWith()用新內(nèi)容替換匹配的元素。\o"jQueryHTML-text()方法"text()設(shè)置或返回匹配元素的內(nèi)容。\o"jQueryHTML-toggleClass()方法"toggleClass()從匹配的元素中添加或刪除一個(gè)類。\o"jQueryHTML-unwrap()方法"unwrap()移除并替換指定元素的父元素。\o"jQueryHTML-val()方法"val()設(shè)置或返回匹配元素的值。\o"jQueryHTML-wrap()方法"wrap()把匹配的元素用指定的內(nèi)容或元素包裹起來(lái)。\o"jQueryHTML-wrapAll()方法"wrapAll()把所有匹配的元素用指定的內(nèi)容或元素包裹起來(lái)。\o"jQueryHTML-wrapinner()方法"wrapinner()將每一個(gè)匹配的元素的子內(nèi)容用指定的內(nèi)容或元素包裹起來(lái)。jQueryCSS函數(shù)jQueryCSS操作jQuery擁有三種供CSS操作的重要函數(shù)：$(selector).css(name,value)$(selector).css({properties})$(selector).css(name)CSS操作實(shí)例函數(shù)css(name,value)為所有匹配元素的給定CSS屬性設(shè)置值：實(shí)例$(selector).css(name,value)$("p").css("background-color","yellow");TIY函數(shù)css({properties})同時(shí)為所有匹配元素的一系列CSS屬性設(shè)置值：實(shí)例$(selector).css({properties})$("p").css({"background-color":"yellow","font-size":"200%"});TIY函數(shù)css(name)返回指定的CSS屬性的值：實(shí)例$(selector).css(name)$(this).css("background-color");TIYjQuerySize操作jQuery擁有兩種供尺寸操作的重要函數(shù)：$(selector).height(value)$(selector).width(value)Size操作實(shí)例函數(shù)height(value)設(shè)置所有匹配元素的高度：實(shí)例$(selector).height(value)$("#id100").height("200px");TIY函數(shù)width(value)設(shè)置所有匹配元素的寬度：實(shí)例$(selector).width(value)$("#id200").width("300px");jQuery參考手冊(cè)-CSS操作jQueryCSS操作函數(shù)下面列出的這些方法設(shè)置或返回元素的CSS相關(guān)屬性。CSS屬性描述\o"jQueryCSS操作-css()方法"css()設(shè)置或返回匹配元素的樣式屬性。\o"jQueryCSS操作-height()方法"height()設(shè)置或返回匹配元素的高度。\o"jQueryCSS操作-offset()方法"offset()返回第一個(gè)匹配元素相對(duì)于

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論