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

下載本文檔

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

文檔簡介

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

所有動畫元素

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

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

Slide

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

Fadein/out

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

Animation

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

Queue

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

溫馨提示

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

評論

0/150

提交評論