锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
1.1銆佹榪?/strong>
銆銆闅忕潃WEB2.0鍙?ajax鎬濇兂鍦ㄤ簰鑱旂綉涓婄殑蹇熷彂灞曚紶鎾紝闄嗙畫鍑虹幇浜?jiǎn)涓浜涗紭縐鐨凧s妗嗘灦錛屽叾涓瘮杈冭憲鍚嶇殑鏈塒rototype銆乊UI銆乯Query銆乵ootools銆?Bindows浠ュ強(qiáng)鍥藉唴鐨凧SVM妗嗘灦絳夛紝閫氳繃灝嗚繖浜汮S妗嗘灦搴旂敤鍒版垜浠殑欏圭洰涓兘澶熶嬌紼嬪簭鍛樹粠璁捐鍜屼功鍐欑箒鏉傜殑JS搴旂敤涓В鑴卞嚭鏉ワ紝灝嗗叧娉ㄧ偣杞悜鍔熻兘闇 姹傝岄潪瀹炵幇緇嗚妭涓婏紝浠庤屾彁楂橀」鐩殑寮鍙戦熷害銆?a class="" title="entrymore" name="entrymore">
銆銆jQuery鏄戶prototype 涔嬪悗鐨勫張涓涓紭縐鐨凧avascript妗嗘灦銆傚畠鏄敱 John Resig 浜?2006 騫村垵鍒涘緩鐨勶紝瀹冩湁鍔╀簬綆鍖?JavaScript™ 浠ュ強(qiáng)Ajax 緙栫▼銆傛湁浜轟嬌鐢ㄨ繖鏍風(fēng)殑涓姣斿柣鏉ユ瘮杈僷rototype鍜宩Query錛歱rototype灝卞儚Java錛岃宩Query灝卞儚ruby. 瀹冩槸涓涓畝媧佸揩閫熺伒媧葷殑JavaScript妗嗘灦錛屽畠鑳借浣犲湪浣犵殑緗戦〉涓婄畝鍗曠殑鎿嶄綔鏂囨。銆佸鐞嗕簨浠躲佸疄鐜扮壒鏁堝茍涓篧eb欏甸潰娣誨姞Ajax浜や簰銆?br />
瀹冨叿鏈夊涓嬩竴浜涚壒鐐癸細(xì)
銆銆jQuery鐨勮璁′細(xì)鏀瑰彉浣犲啓JavaScript浠g爜鐨勬柟寮忥紝闄嶄綆浣犲涔?fàn)鋴社敤JS鎿嶄綔緗戦〉鐨勫鏉傚害錛屾彁楂樼綉欏礘S寮鍙戞晥鐜囷紝鏃犺瀵逛簬js鍒濆鑰呰繕鏄祫娣變笓瀹訛紝jQuery閮藉皢鏄?zhèn)ㄧ殑棣栭夈?br />
jQuery閫傚悎浜庤璁″笀銆佸紑鍙戣呬互鍙?qiáng)閭d簺杩樺ソ鑰咃紝鍚屾牱閫傚悎鐢ㄤ簬鍟嗕笟寮鍙戯紝鍙互璇磈Query閫傚悎浠諱綍JavaScript搴旂敤鐨勫湴鏂癸紝鍙敤浜庝笉鍚岀殑Web搴旂敤紼嬪簭涓?br />
瀹樻柟绔欑偣錛?a target="_blank" mce_>http://jquery.com/ 涓枃绔欑偣錛?a target="_blank" mce_>http://jquery.org.cn/ jQuery涓嚑涓嚜瀹氫箟鐨勪簨浠?/font>錛?br />
錛?錛?span style="color: blue">hover(fn1,fn2)錛?/span>涓涓ā浠挎?zhèn)仠浜嬩挥灱堥紶鏍嚳U誨姩鍒頒竴涓璞′笂闈㈠強(qiáng)縐誨嚭榪欎釜瀵硅薄錛夌殑鏂規(guī)硶銆傚綋榧犳爣縐誨姩鍒頒竴涓尮閰嶇殑鍏冪礌涓婇潰鏃訛紝浼?xì)瑙﹀彂鎸囧畾鐨劷W竴涓嚱鏁般傚綋榧犳爣縐誨嚭榪欎釜鍏冪礌鏃訛紝浼?xì)瑙﹀彂鎸囧畾鐨劷W簩涓嚱鏁般?br />
//褰撻紶鏍囨斁鍦ㄨ〃鏍肩殑鏌愯涓婃椂灝哻lass緗負(fù)over錛岀寮鏃剁疆涓簅ut銆?br />
$("tr").hover(function(){ 鑾峰彇涓緇剅adio琚変腑欏圭殑鍊?br />
var item = $('input[@name=items][@checked]').val(); 鑾峰彇鍊鹼細(xì) 鏂囨湰妗嗭紝鏂囨湰鍖哄煙錛?("#txt").attr("value")錛?br />
澶氶夋checkbox錛?("#checkbox_id").attr("value")錛?br />
鍗曢夌粍radio錛?nbsp; $("input[@type=radio][@checked]").val(); 鎺у埗琛ㄥ崟鍏冪礌錛?br />
鏂囨湰妗嗭紝鏂囨湰鍖哄煙錛?("#txt").attr("value",'');//娓呯┖鍐呭 澶氶夋checkbox錛?$("#chk1").attr("checked",'');//涓嶆墦鍕?br />
$("#chk2").attr("checked",true);//鎵撳嬀 鍗曢夌粍radio錛?nbsp; $("input[@type=radio]").attr("checked",'2');//璁劇疆value=2鐨勯」鐩負(fù)褰撳墠閫変腑欏?br />
涓嬫媺妗唖elect錛?nbsp; $("#sel").attr("value",'-sel3');//璁劇疆value=-sel3鐨勯」鐩負(fù)褰撳墠閫変腑欏?br />
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//娣誨姞涓嬫媺妗嗙殑option
1.2銆佺洰鐨?/strong>
銆銆閫氳繃瀛︿範(fàn)鏈枃妗o紝鑳藉瀵筳Query鏈変竴涓畝鍗曠殑璁よ瘑浜?jiǎn)瑙eQ屾竻妤欽Query涓庡叾浠朖S妗嗘灦鐨勪笉鍚岋紝鎺屾彙jQuery鐨勫父鐢ㄨ娉曘佷嬌鐢ㄦ妧宸у強(qiáng)娉ㄦ剰浜嬮」銆?br />
浜屻佷嬌鐢ㄦ柟娉?/strong>
銆銆鍦ㄩ渶瑕佷嬌鐢↗Query鐨勯〉闈腑寮曞叆JQuery鐨刯s鏂囦歡鍗沖彲銆?br />
渚嬪錛?lt;script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
銆銆寮曞叆涔嬪悗渚垮彲鍦ㄩ〉闈㈢殑浠繪剰鍦版柟浣跨敤jQuery鎻愪緵鐨勮娉曘?br />
涓夈佸涔?fàn)鏁櫧E嬪強(qiáng)鍙傝冭祫鏂?/strong>
銆銆璇峰弬鐓с妀Query涓枃API鎵嬪唽銆嬪拰http://jquery.org.cn/visual/cn/index.xml
鎺ㄨ崘涓ょ瘒涓嶉敊鐨刯query鏁欑▼錛氥?a title="" target="_blank">jQuery鐨勮搗鐐規(guī)暀紼?/a>銆嬪拰銆?a title="" target="_blank">浣跨敤 jQuery 綆鍖?Ajax 寮鍙?/a>銆?br />
鍥涖佽娉曟葷粨鍜屾敞鎰忎簨欏?/strong>
1銆佸叧浜庨〉闈㈠厓绱犵殑寮曠敤
銆銆閫氳繃jquery鐨?()寮曠敤鍏冪礌鍖呮嫭閫氳繃id銆乧lass銆佸厓绱犲悕浠ュ強(qiáng)鍏冪礌鐨勫眰綰у叧緋誨強(qiáng)dom鎴栬厁path鏉′歡絳夋柟娉曪紝涓旇繑鍥炵殑瀵硅薄涓簀query瀵硅薄錛堥泦鍚堝璞★級(jí)錛屼笉鑳界洿鎺ヨ皟鐢╠om瀹氫箟鐨勬柟娉曘?br />
2銆乯Query瀵硅薄涓巇om瀵硅薄鐨勮漿鎹?/strong>
銆銆鍙湁jquery瀵硅薄鎵嶈兘浣跨敤jquery瀹氫箟鐨勬柟娉曘傛敞鎰廳om瀵硅薄鍜宩query瀵硅薄鏄湁鍖哄埆鐨勶紝璋冪敤鏂規(guī)硶鏃惰娉ㄦ剰鎿嶄綔鐨勬槸dom瀵硅薄榪樻槸jquery瀵硅薄銆?br />
鏅氱殑dom瀵硅薄涓鑸彲浠ラ氳繃$()杞崲鎴恓query瀵硅薄銆?br />
濡傦細(xì)$(document.getElementById("msg"))鍒欎負(fù)jquery瀵硅薄錛屽彲浠ヤ嬌鐢╦query鐨勬柟娉曘?br />
銆銆鐢變簬jquery瀵硅薄鏈韓鏄竴涓泦鍚堛傛墍浠ュ鏋渏query瀵硅薄瑕佽漿鎹負(fù)dom瀵硅薄鍒欏繀欏誨彇鍑哄叾涓殑鏌愪竴欏癸紝涓鑸彲閫氳繃绱㈠紩鍙栧嚭銆?br />
銆銆濡傦細(xì)$("#msg")[0]錛?("div").eq(1)[0]錛?("div").get()[1]錛?("td")[5]榪欎簺閮芥槸dom瀵硅薄錛屽彲浠ヤ嬌鐢╠om涓殑鏂規(guī)硶錛屼絾涓嶈兘鍐嶄嬌鐢↗query鐨勬柟娉曘?br />
浠ヤ笅鍑犵鍐欐硶閮芥槸姝g‘鐨勶細(xì)
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
3銆佸浣曡幏鍙杍Query闆嗗悎鐨勬煇涓欏?/strong>
銆銆瀵逛簬鑾峰彇鐨勫厓绱犻泦鍚堬紝鑾峰彇鍏朵腑鐨勬煇涓欏癸紙閫氳繃绱㈠紩鎸囧畾錛夊彲浠ヤ嬌鐢?span style="color: blue">eq鎴?span style="color: blue">get(n)鏂規(guī)硶鎴栬呯儲(chǔ)寮曞彿鑾峰彇錛?span style="color: orange">瑕佹敞鎰忥紝eq榪斿洖鐨勬槸jquery瀵硅薄錛岃実et(n)鍜岀儲(chǔ)寮曡繑鍥炵殑鏄痙om鍏冪礌瀵硅薄銆傚浜巎query瀵硅薄鍙兘浣跨敤jquery鐨勬柟娉曪紝鑰宒om瀵硅薄鍙兘浣跨敤dom鐨勬柟娉曪紝濡傝鑾峰彇絎笁涓?lt;div>鍏冪礌鐨勫唴瀹廣傛湁濡備笅涓ょ鏂規(guī)硶錛?br />
$("div").eq(2).html(); //璋冪敤jquery瀵硅薄鐨勬柟娉?br />
$("div").get(2).innerHTML; //璋冪敤dom鐨勬柟娉曞睘鎬?br />
4銆佸悓涓鍑芥暟瀹炵幇set鍜実et
銆銆Jquery涓殑寰堝鏂規(guī)硶閮芥槸濡傛錛屼富瑕佸寘鎷涓嬪嚑涓細(xì)
$("#msg").html(); //榪斿洖id涓簃sg鐨勫厓绱犺妭鐐圭殑html鍐呭銆?br />
$("#msg").html("<b>new content</b>");
//灝?#8220;<b>new content</b>” 浣滀負(fù)html涓插啓鍏d涓簃sg鐨勫厓绱犺妭鐐瑰唴瀹逛腑,欏甸潰鏄劇ず綺椾綋鐨刵ew content
$("#msg").text(); //榪斿洖id涓簃sg鐨勫厓绱犺妭鐐圭殑鏂囨湰鍐呭銆?br />
$("#msg").text("<b>new content</b>");
//灝?#8220;<b>new content</b>” 浣滀負(fù)鏅氭枃鏈覆鍐欏叆id涓簃sg鐨勫厓绱犺妭鐐瑰唴瀹逛腑,欏甸潰鏄劇ず<b>new content</b>
$("#msg").height(); //榪斿洖id涓簃sg鐨勫厓绱犵殑楂樺害
$("#msg").height("300"); //灝唅d涓簃sg鐨勫厓绱犵殑楂樺害璁句負(fù)300
$("#msg").width(); //榪斿洖id涓簃sg鐨勫厓绱犵殑瀹藉害
$("#msg").width("300"); //灝唅d涓簃sg鐨勫厓绱犵殑瀹藉害璁句負(fù)300
$("input").val("); //榪斿洖琛ㄥ崟杈撳叆妗嗙殑value鍊?br />
$("input").val("test"); //灝嗚〃鍗曡緭鍏ユ鐨剉alue鍊艱涓簍est
$("#msg").click(); //瑙﹀彂id涓簃sg鐨勫厓绱犵殑鍗曞嚮浜嬩歡
$("#msg").click(fn); //涓篿d涓簃sg鐨勫厓绱犲崟鍑諱簨浠舵坊鍔犲嚱鏁?br />
鍚屾牱blur,focus,select,submit浜嬩歡閮藉彲浠ユ湁鐫涓ょ璋冪敤鏂規(guī)硶
5銆侀泦鍚堝鐞嗗姛鑳?/strong>
銆銆瀵逛簬jquery榪斿洖鐨勯泦鍚堝唴瀹規(guī)棤闇鎴戜滑鑷繁寰幆閬嶅巻騫跺姣忎釜瀵硅薄鍒嗗埆鍋氬鐞嗭紝jquery宸茬粡涓烘垜浠彁渚涚殑寰堟柟渚跨殑鏂規(guī)硶榪涜闆嗗悎鐨勫鐞嗐?br />
鍖呮嫭涓ょ褰㈠紡錛?br />
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//涓虹儲(chǔ)寮曞垎鍒負(fù)0錛?錛?鐨刾鍏冪礌鍒嗗埆璁懼畾涓嶅悓鐨勫瓧浣撻鑹層?br />
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//瀹炵幇琛ㄦ牸鐨勯殧琛屾崲鑹叉晥鏋?br />
$("p").click(function(){alert($(this).html())})
//涓烘瘡涓猵鍏冪礌澧炲姞浜?jiǎn)click浜嬩歡錛屽崟鍑?yán)L煇涓猵鍏冪礌鍒欏脊鍑哄叾鍐呭
6銆佹墿灞曟垜浠渶瑕佺殑鍔熻兘
$.extend({
min: function(a, b){return a < b?a:b; },
max: function(a, b){return a > b?a:b; }
}); //涓簀query鎵╁睍浜?jiǎn)min,max涓や釜鏂規(guī)硶
浣跨敤鎵╁睍鐨勬柟娉曪紙閫氳繃“$.鏂規(guī)硶鍚?#8221;璋冪敤錛夛細(xì)
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7銆佹敮鎸佹柟娉曠殑榪炲啓
銆銆鎵璋撹繛鍐欙紝鍗沖彲浠ュ涓涓猨query瀵硅薄榪炵畫璋冪敤鍚勭涓嶅悓鐨勬柟娉曘?br />
銆銆渚嬪錛?br />
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});
8銆佹搷浣滃厓绱犵殑鏍峰紡
銆銆涓昏鍖呮嫭浠ヤ笅鍑犵鏂瑰紡錛?br />
$("#msg").css("background"); //榪斿洖鍏冪礌鐨勮儗鏅鑹?br />
$("#msg").css("background","#ccc") //璁懼畾鍏冪礌鑳屾櫙涓虹伆鑹?br />
$("#msg").height(300); $("#msg").width("200"); //璁懼畾瀹介珮
$("#msg").css({ color: "red", background: "blue" });//浠ュ悕鍊煎鐨勫艦寮忚瀹氭牱寮?br />
$("#msg").addClass("select"); //涓哄厓绱犲鍔犲悕縐頒負(fù)select鐨刢lass
$("#msg").removeClass("select"); //鍒犻櫎鍏冪礌鍚嶇О涓簊elect鐨刢lass
$("#msg").toggleClass("select"); //濡傛灉瀛樺湪錛堜笉瀛樺湪錛夊氨鍒犻櫎錛堟坊鍔狅級(jí)鍚嶇О涓簊elect鐨刢lass
9銆佸畬鍠勭殑浜嬩歡澶勭悊鍔熻兘
銆銆Jquery宸茬粡涓烘垜浠彁渚涗簡(jiǎn)鍚勭浜嬩歡澶勭悊鏂規(guī)硶錛屾垜浠棤闇鍦╤tml鍏冪礌涓婄洿鎺ュ啓浜嬩歡錛岃屽彲浠ョ洿鎺ヤ負(fù)閫氳繃jquery鑾峰彇鐨勫璞℃坊鍔犱簨浠躲?br />
濡傦細(xì)
$("#msg").click(function(){alert("good")}) //涓哄厓绱犳坊鍔犱簡(jiǎn)鍗曞嚮浜嬩歡
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//涓轟笁涓笉鍚岀殑p鍏冪礌鍗曞嚮浜嬩歡鍒嗗埆璁懼畾涓嶅悓鐨勫鐞?/p>
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
錛?錛?span style="color: blue">ready(fn):褰揇OM杞藉叆灝辯華鍙互鏌ヨ鍙?qiáng)鎿嵕U墊椂緇戝畾涓涓鎵ц鐨勫嚱鏁般?br />
$(document).ready(function(){alert("Load Success")})
//欏甸潰鍔犺澆瀹屾瘯鎻愮ず“Load Success”,鐩稿綋浜巓nload浜嬩歡銆備笌$(fn)絳変環(huán)
錛?錛?span style="color: blue">toggle(evenFn,oddFn): 姣忔鐐瑰嚮鏃跺垏鎹㈣璋冪敤鐨勫嚱鏁般傚鏋滅偣鍑諱簡(jiǎn)涓涓尮閰嶇殑鍏冪礌錛屽垯瑙﹀彂鎸囧畾鐨勭涓涓嚱鏁幫紝褰撳啀嬈$偣鍑誨悓涓鍏冪礌鏃訛紝鍒欒Е鍙戞寚瀹氱殑絎簩涓嚱鏁般傞殢鍚庣殑姣忔鐐瑰嚮閮介噸澶嶅榪欎袱涓嚱鏁扮殑杞暘璋冪敤銆?br />
//姣忔鐐瑰嚮鏃惰疆鎹㈡坊鍔犲拰鍒犻櫎鍚嶄負(fù)selected鐨刢lass銆?br />
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
錛?錛?span style="color: blue">trigger(eventtype): 鍦ㄦ瘡涓涓尮閰嶇殑鍏冪礌涓婅Е鍙戞煇綾諱簨浠躲?br />
渚嬪錛?br />
$("p").trigger("click"); //瑙﹀彂鎵鏈塸鍏冪礌鐨刢lick浜嬩歡
錛?錛?span style="color: blue">bind(eventtype,fn)錛寀nbind(eventtype): 浜嬩歡鐨勭粦瀹氫笌鍙嶇粦瀹?br />
浠庢瘡涓涓尮閰嶇殑鍏冪礌涓紙娣誨姞錛夊垹闄ょ粦瀹氱殑浜嬩歡銆?br />
渚嬪錛?br />
$("p").bind("click", function(){alert($(this).text());}); //涓烘瘡涓猵鍏冪礌娣誨姞鍗曞嚮浜嬩歡
$("p").unbind(); //鍒犻櫎鎵鏈塸鍏冪礌涓婄殑鎵鏈変簨浠?br />
$("p").unbind("click") //鍒犻櫎鎵鏈塸鍏冪礌涓婄殑鍗曞嚮浜嬩歡
10銆佸嚑涓疄鐢ㄧ壒鏁堝姛鑳?/strong>
銆銆鍏朵腑toggle()鍜宻lidetoggle()鏂規(guī)硶鎻愪緵浜?jiǎn)鐘舵佸垏鎹㈠姛鑳姐?br />
銆銆濡倀oggle()鏂規(guī)硶鍖呮嫭浜?jiǎn)hide()鍜宻how()鏂規(guī)硶銆?br />
銆銆slideToggle()鏂規(guī)硶鍖呮嫭浜?jiǎn)slideDown()鍜宻lideUp鏂規(guī)硶銆?br />
11銆佸嚑涓湁鐢ㄧ殑jQuery鏂規(guī)硶
$.browser.嫻忚鍣ㄧ被鍨嬶細(xì)媯(gè)嫻嬫祻瑙堝櫒綾誨瀷銆傛湁鏁堝弬鏁幫細(xì)safari, opera, msie, mozilla銆傚媯(gè)嫻嬫槸鍚e錛?.browser.isie錛屾槸ie嫻忚鍣ㄥ垯榪斿洖true銆?br />
$.each(obj, fn)錛?/span>閫氱敤鐨勮凱浠e嚱鏁般傚彲鐢ㄤ簬榪戜技鍦拌凱浠e璞″拰鏁扮粍錛堜唬鏇垮驚鐜級(jí)銆?br />
濡?br />
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
絳変環(huán)浜庯細(xì)
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
alert("Item #"+i+": "+tempArr[i]);
}
涔熷彲浠ュ鐞唈son鏁版嵁錛屽
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
緇撴灉涓猴細(xì)
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN)錛?/span>鐢ㄤ竴涓垨澶氫釜鍏朵粬瀵硅薄鏉ユ墿灞曚竴涓璞★紝榪斿洖榪欎釜琚墿灞曠殑瀵硅薄銆傝繖鏄痡query瀹炵幇鐨勭戶鎵挎柟寮忋?br />
濡傦細(xì)
$.extend(settings, options);
//鍚堝茍settings鍜宱ptions錛屽茍灝嗗悎騫剁粨鏋滆繑鍥瀞ettings涓紝鐩稿綋浜巓ptions緇ф壙setting騫跺皢緇ф壙緇撴灉淇濆瓨鍦╯etting涓?br />
var settings = $.extend({}, defaults, options);
//鍚堝茍defaults鍜宱ptions錛屽茍灝嗗悎騫剁粨鏋滆繑鍥炲埌setting涓屼笉瑕嗙洊default鍐呭銆?br />
鍙互鏈夊涓弬鏁幫紙鍚堝茍澶氶」騫惰繑鍥烇級(jí)
$.map(array, fn)錛?/span>鏁扮粍鏄犲皠銆傛妸涓涓暟緇勪腑鐨勯」鐩?澶勭悊杞崲鍚?淇濆瓨鍒板埌鍙︿竴涓柊鏁扮粍涓紝騫惰繑鍥炵敓鎴愮殑鏂版暟緇勩?br />
濡傦細(xì)
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr鍐呭涓猴細(xì)[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr鍐呭涓猴細(xì)[2,3]
$.merge(arr1,arr2):鍚堝茍涓や釜鏁扮粍騫跺垹闄ゅ叾涓噸澶嶇殑欏圭洰銆?br />
濡傦細(xì)$.merge( [0,1,2], [2,3,4] ) //榪斿洖[0,1,2,3,4]
$.trim(str)錛?/span>鍒犻櫎瀛楃涓蹭袱绔殑絀虹櫧瀛楃銆?
濡傦細(xì)$.trim(" hello, how are you? "); //榪斿洖"hello,how are you? "
12銆佽В鍐寵嚜瀹氫箟鏂規(guī)硶鎴栧叾浠栫被搴撲笌jQuery鐨勫啿紿?/strong>
銆銆寰堝鏃跺欐垜浠嚜宸卞畾涔変簡(jiǎn)$(id)鏂規(guī)硶鏉ヨ幏鍙栦竴涓厓绱狅紝鎴栬呭叾浠栫殑涓浜沯s綾誨簱濡俻rototype涔熼兘瀹氫箟浜?鏂規(guī)硶錛屽鏋滃悓鏃舵妸榪欎簺鍐呭鏀懼湪涓璧峰氨浼?xì)寮曡捣鍙橀噺鏂规硶瀹氫箟鍐步H侊紝Jquery瀵規(guī)涓撻棬鎻愪緵浜?jiǎn)鏂规硶鐢ㄤ簬瑙e喯x闂銆?br />
銆銆浣跨敤jquery涓殑jQuery.noConflict();鏂規(guī)硶鍗沖彲鎶婂彉閲?鐨勬帶鍒舵潈璁╂浮緇欑涓涓疄鐜板畠鐨勯偅涓簱鎴栦箣鍓嶈嚜瀹氫箟鐨?鏂規(guī)硶銆備箣鍚庡簲鐢↗query鐨勬椂鍊欏彧瑕佸皢鎵鏈夌殑$鎹㈡垚jQuery鍗沖彲錛屽鍘熸潵寮曠敤瀵硅薄鏂規(guī)硶$("#msg")鏀逛負(fù)jQuery("#msg")銆?br />
濡傦細(xì)
jQuery.noConflict();
// 寮濮嬩嬌鐢╦Query
jQuery("div p").hide();
// 浣跨敤鍏朵粬搴撶殑 $()
$("content").style.display = 'none';
]]>
鑾峰彇select琚変腑欏圭殑鏂囨湰
var item = $("select[@name=items] option[@selected]").text();
select涓嬫媺妗嗙殑絎簩涓厓绱犱負(fù)褰撳墠閫変腑鍊?br />
$('#select_id')[0].selectedIndex = 1;
radio鍗曢夌粍鐨勭浜屼釜鍏冪礌涓哄綋鍓嶉変腑鍊?br />
$('input[@name=items]').get(1).checked = true;
涓嬫媺妗唖elect錛?$('#sel').val();
$("#txt").attr("value",'11');//濉厖鍐呭
if($("#chk1").attr('checked')==undefined) //鍒ゆ柇鏄惁宸茬粡鎵撳嬀
$("#sel").empty()錛?/娓呯┖涓嬫媺妗?/p>
http://www.cnblogs.com/xlfj521/archive/2008/01/29/1057375.html