<script src="prototype.js" type="text/javascript" />
<script src="jquery.js" type="text/javascript" />
<script type="text/javascript">
jQuery.noConflict();
</script>
<script src="myjs.js" type="text/javascript"/>
鍦ㄤ嬌鐢╦query鏂規(guī)硶鏃訛紝蹇呴』浣跨敤jquery浠ｆ浛$鏉ヨ皟鐢ㄣ?br />
2銆佸熀鏈夋嫨絎︼細(xì)鏍囩鍚嶏紝${"p"}錛汭D閫夋嫨絎︼紝${"#idname"}錛涚被閫夋嫨絎︼紝${".classname"}銆?br />
3銆乧ss閫夋嫨絎︼紝涓句釜渚嬪瓙鏉ヨ
$(document).ready(function(){
$("#aSelect > li").addClass("aClass");
$("#aSelect li:not(.aClass)").addClass("otherClass");
});
涓婇潰絎簩琛屼腑鐨?gt;灝辨槸鍏冪礌緇勫悎絎︼紝鏌ユ壘ID涓篴Select鐨勫厓绱犵殑瀛愬厓绱狅紙>錛変腑鎵鏈夌殑鍒楄〃欏廣傝繖涓瓙鍏冪礌錛屼笉鍖呭惈瀛欏厓绱犮?br /> 涓婇潰絎笁琛屼腑鐨刟Select li錛岃〃紺烘煡鎵綢D涓篴Select鐨勫厓绱犵殑鎵鏈変笅綰у垪琛ㄩ」錛屽寘鍚瓩鍏冪礌銆?br />
4銆佸睘鎬ч夋嫨絎︼細(xì)$("img[alt]")灝辨槸閫夋嫨鎵鏈夊甫鏈塧lt灞炴х殑鍥懼儚鍏冪礌錛涘彟澶栵紝灞炴ч夋嫨絎﹀厑璁鎬互綾諱技姝ｅ垯琛ㄨ揪寮忕殑璇硶鏉ユ爣璇嗗瓧絎︿覆鐨勫紑濮?^)鍜岀粨灝?$)錛岃屼笖錛屼篃鍙互浣跨敤(*)琛ㄧず浣嶄簬瀛楃涓蹭腑浠繪剰浣嶇疆鐨勫鹼紝閫傜敤(!)鏉ヨ〃紺虹浉鍙嶇殑鍊箋?br /> e.g.:
$(document).ready(function(){
$("a[href^=mailto:]").addClass("mailto");
$("a[href$=.pdf]").addClass("pdflink");
$("a[href^=http][href*=henry]").addClass("henrylink");
});5銆佽嚜瀹氫箟閫夋嫨絎︼紝璇硶涓巆ss涓殑浼被閫夋嫨絎﹁娉曠浉鍚岋紝浠ヤ竴涓啋鍙峰紑澶達(dá)紝姣斿錛屾垜浠浠庢煇涓泦鍚堥噷闈㈤夋嫨絎竴欏癸紝鍙互浣跨敤涓嬮潰鐨勪唬鐮侊細(xì)
$("a[href^=http]:eq(0)")...
$("div:first-child")...
鍙﹀涓や釜姣旇緝甯哥敤鐨勮嚜瀹氫箟閫夋嫨絎︽槸錛歰dd鍜岋細(xì)even錛屽垎鍒搴旈夋嫨濂囨暟琛屽拰鍋舵暟琛屻?br /> $("table tr:odd").addClass("odd");
$("table tr:even").addClass("even");
鐚滅寽鐪嬶細(xì)$("td:contains(a)").css("color","red");榪欎細(xì)鏈変粈涔堟晥鏋滐紵
6銆佸熀浜庤〃鍗曠殑閫夋嫨絎︼紝綆鍗曞垪涓句竴涓嬪惂錛屾湁蹇?jī)錆h閫氳繃緇冧範(fàn)浼?xì)鏄庣櫧鐨勩?br /> :text 錛歝heckbox 錛歳adio :image :submit :reset :password
:file :input :button :enabled :disabled :checked :selected
榪欎簺閫夋嫨絎﹀彲浠ラ摼寮忎嬌鐢紝姣斿$(':radio:checked')錛?(':text:enabled')絳夌瓑銆?br />
7銆?find()鍜?filter()鐨勭浉鍚岀偣鍜屽尯鍒紝浠栦滑閮芥槸閬嶅巻鍏冪礌錛屽尯鍒氨鏄痜ind鏄瀛愰泦鎿嶄綔錛宖ilter鏄鑷韓闆嗗悎鍏冪礌鎿嶄綔銆傛瘮濡?br /> var $find=$("div").find(".name"); 鏄class涓簄ame鐨刣iv鍐呯殑鍏冪礌鎿嶄綔錛?br /> var filter=$("div").filter(".name");鏄鎵鏈塩lass涓簄ame鐨刣iv榪涜鎿嶄綔銆?br />
8銆?next()涓嬩竴涓悓杈堝厓绱狅紱.nextAll()涓嬮潰鎵鏈夌殑鍚岃緢鍏冪礌錛?br /> .prev()涓婁竴涓悓杈堝厓绱狅紱.prevAll()涓婇潰鎵鏈夌殑鍚岃緢鍏冪礌錛?br /> .siblings()鎵鏈夌殑鍚岃緢鍏冪礌錛?andself()鍖呭惈鑷繁錛?br /> .parent()鐖跺厓绱狅紱.children()瀛愬厓绱狅紱
.end()鎭㈠鏈榪戜緷嬈＄牬鍧忔у鍖歸厤鍏冪礌闆嗗悎鐨勬搷浣滐紝榪斿洖鍒頒箣鍓嶇殑鍖歸厤鍏冪礌闆嗗悎鐘舵?榪斿洖鍖歸厤鍏冪礌闆嗗悎銆?br />
9銆乯Query涓烘爣鍑嗙殑DOM浜嬩歡閮芥彁渚涗簡(jiǎn)鐩稿簲鐨勭畝鍐欎簨浠舵柟娉曪細(xì)
.blur .change .click .dbclick .error .focus .keydown .keypress .keyup .load .select .scroll
.mousedown .mouseover .mouseout .mousemove .mouseup .resize .submit .unload
10銆佸鍚堜簨浠?br /> .toggle(fun1,fun2,fun3...)鍙傛暟閮芥槸鍑芥暟錛岀涓嬈＄偣鍑?yán)L墽琛宖un1錛岀浜屾鐐瑰嚮鎵цfun2錛屼緷嬈＄被鎺紝鎵ц瀹屼互鍚庯紝閲嶆柊鍥炲埌fun1寮濮嬨?br /> .hover(fun1,fun2)錛?span style="border-collapse: separate; color: #000000; font-family: arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: small;">褰撻紶鏍囩Щ鍔ㄥ埌涓涓尮閰嶅厓绱犱笂闈㈡椂(over)錛屼細(xì)瑙﹀彂鎸囧畾鐨勭涓涓嚱鏁般傚綋榧犳爣縐誨嚭榪欎釜鍏冪礌鏃?out)錛屼細(xì)瑙﹀彂鎸囧畾鐨勭浜屼釜鍑芥暟銆?/span>
11銆佸敖綆¤В閲婅搗鏉ュ緢闅撅紝浣嗘槸鎯寵薄璧鋒潵鍗村緢瀹規(guī)槗錛宒iv閲岄潰鐨勪竴涓厓绱犺鐐瑰嚮浜?jiǎn)锛屼絾鏄垜浠彧鎯虫墽琛宒iv鐨勭偣鍑諱簨浠訛細(xì)(鎰熷叴瓚ｇ殑鍘諱簡(jiǎn)瑙ｄ簨浠舵崟鑾峰拰浜嬩歡鍐掓場(chǎng))
$(document).ready(function(){
$("#divId").click(function(event){
if(event.target==this){
榪欓噷鏄簨浠舵墽琛屼唬鐮?..
}
});
});
鍙﹀榪樻湁鐩存帴闃繪浜嬩歡鍐掓場(chǎng)鐨勬柟娉?stopPropagation()
$(document).ready(function(){
$("#divId .button").click(function(event){
榪欓噷鏄簨浠舵墽琛屼唬鐮?..
event.stopPropagation();
});
});
鍦ㄨ繖閲屾垜瑕佽鐨勬槸錛屼笂闈袱涓緥瀛愶紝鍒嗗埆瀵瑰簲鐨勬槸浜嬩歡鎹曡幏鍜屼簨浠跺啋娉★紝涓嶆槸涓鍥炰簨銆?/div>
12銆佺Щ闄や簨浠跺鐞嗙▼搴忥紝鐩存帴鐪嬩唬鐮侊紝寰堢洿瑙?br /> $(function(){
$("#largeDiv").click(function(event){
浜嬩歡澶勭悊浠ｇ爜
});
$("#largeDiv-firstChild").click(function(){
$("#largeDiv").unbind("click");
});
});
浣嗘槸濡傛灉click閲岄潰鐨勪唬鐮侊紝鏈変竴閮ㄥ垎瑕佹墽琛岋紝鏈変竴閮ㄥ垎涓嶆墽琛屾庝箞鍔炲憿錛?unbind()鍙兘鍏ㄩ儴縐婚櫎錛屽叾瀹烇紝鏄彲浠ヨВ鍐崇殑錛岀粰浜嬩歡璧蜂釜鍒悕灝卞ソ浜?br />
13銆佺被浼?bind(),.one()鍙墽琛屼竴嬈★紝榪樻湁.trigger('click')鏄ā浠跨敤鎴風(fēng)偣鍑葷殑浜嬩歡錛?trigger()鏂規(guī)硶鎻愪緵浜?jiǎn)涓緇勪笌bind鏂規(guī)硶鐩稿悓鐨勭畝鍐欙紝浣嗘槸緇撴灉涓嶄竴鏍鳳紝鍙槸瑙﹀彂鎿嶄綔鑰屼笉鏄粦瀹氳涓猴細(xì)$("#divname").click();
14銆?show() .hide() .fadeIn() .fadeOut()鍙互鐢ㄤ笉鍚岀殑褰㈠紡鏉ュ疄鐜板睍紺哄拰闅愯棌鏁堟灉銆傚叿浣撹嚜宸辯爺絀跺惂錛屾瘮杈冪畝鍗曘?span style="font-size: 10pt;">
$("#divId .button").click(function(event){
榪欓噷鏄簨浠舵墽琛屼唬鐮?..
event.stopPropagation();
});
});
鍦ㄨ繖閲屾垜瑕佽鐨勬槸錛屼笂闈袱涓緥瀛愶紝鍒嗗埆瀵瑰簲鐨勬槸浜嬩歡鎹曡幏鍜屼簨浠跺啋娉★紝涓嶆槸涓鍥炰簨銆?/div>
12銆佺Щ闄や簨浠跺鐞嗙▼搴忥紝鐩存帴鐪嬩唬鐮侊紝寰堢洿瑙?br /> $(function(){
$("#largeDiv").click(function(event){
浜嬩歡澶勭悊浠ｇ爜
});
$("#largeDiv-firstChild").click(function(){
$("#largeDiv").unbind("click");
});
});
浣嗘槸濡傛灉click閲岄潰鐨勪唬鐮侊紝鏈変竴閮ㄥ垎瑕佹墽琛岋紝鏈変竴閮ㄥ垎涓嶆墽琛屾庝箞鍔炲憿錛?unbind()鍙兘鍏ㄩ儴縐婚櫎錛屽叾瀹烇紝鏄彲浠ヨВ鍐崇殑錛岀粰浜嬩歡璧蜂釜鍒悕灝卞ソ浜?br />
$(function(){
$("#largeDiv").bind('click.first',function(event){
絎竴涓簨浠跺鐞嗕唬鐮?br /> });
$("#largeDiv").unbind("click.first");
});
});
$("#largeDiv").bind('click.first',function(event){
絎竴涓簨浠跺鐞嗕唬鐮?br /> });
$("#largeDiv").bind('click.second',function(event){
絎簩涓簨浠跺鐞嗕唬鐮?br /> });
$("#largeDiv-firstChild").click(function(){絎簩涓簨浠跺鐞嗕唬鐮?br /> });
$("#largeDiv").unbind("click.first");
});
});
13銆佺被浼?bind(),.one()鍙墽琛屼竴嬈★紝榪樻湁.trigger('click')鏄ā浠跨敤鎴風(fēng)偣鍑葷殑浜嬩歡錛?trigger()鏂規(guī)硶鎻愪緵浜?jiǎn)涓緇勪笌bind鏂規(guī)硶鐩稿悓鐨勭畝鍐欙紝浣嗘槸緇撴灉涓嶄竴鏍鳳紝鍙槸瑙﹀彂鎿嶄綔鑰屼笉鏄粦瀹氳涓猴細(xì)$("#divname").click();
14銆?show() .hide() .fadeIn() .fadeOut()鍙互鐢ㄤ笉鍚岀殑褰㈠紡鏉ュ疄鐜板睍紺哄拰闅愯棌鏁堟灉銆傚叿浣撹嚜宸辯爺絀跺惂錛屾瘮杈冪畝鍗曘?span style="font-size: 10pt;">
]]>
]]>