Jquery涓巎Query UI 鏈夊暐鍖哄埆锛?br>聽jQuery鏄竴涓猨s搴擄紝涓昏鎻愪緵鐨勫姛鑳芥槸閫夋嫨鍣紝灞炴€т慨鏀瑰拰浜嬩欢缁戝畾
聽jQuery UI鍒欐槸鍦╦Query鐨勫熀纭€涓婏紝鍒╃敤jQuery鐨勬墿灞曟€э紝璁捐鐨勬彃浠?br>聽鎻愪緵浜嗕竴浜涘父鐢ㄧ殑鐣岄潰鍏冪礌锛岃濡傚璇濇銆佹嫋鍔ㄨ涓恒€佹敼鍙樺ぇ灏忚涓?br>
Jquery鐩稿叧:
{js鍜宩Query鍖哄埆:js鏄綉椤佃剼鏈瑷€,jQuery鏄敤js鍐欏嚭鏉ョ殑妗嗘灦}
鈶?()鏄疛Query鍑芥暟鍒О,$() 鍑芥暟鐢ㄤ簬灏嗕换浣曞璞″寘瑁规垚 jQuery 瀵硅薄
鈶D 閫夋嫨鍣ㄥ拰 class 閫夋嫨鍣?浼樺厛绾?閫夋嫨涓€缁勫叿鏈夌浉鍚?CSS class鐨勫厓绱狅紝灏辫鐢ㄧ被閫夋嫨鍣?br>鈶?$(document).ready() 鏄釜浠€涔堝嚱鏁?椤甸潰鑺傜偣鍔犺浇瀹屾垚鍚庢墠鎵цjQuery鍑芥暟
鈶indow.onload 浜嬩欢鍜?jQuery ready 鍑芥暟鍖哄埆:鍓嶈€呴渶瑕佺瓑寰呮墍鏈塂OM鍙婄浉鍏虫暟鎹浘鐗囧姞杞藉畬鎴?鑰屽悗鑰呭彧闇€瑕丏OM鏍戝姞杞藉畬鎴愬嵆鍙?
鈶?("input[name='checkBoxJudge']:checkbox").click(function(){
聽聽聽聽聽聽 if($(this).is(':checked')){
聽聽聽聽聽聽 $(this).attr('checked',true).siblings().attr('checked',false);
聽聽聽聽 }else{
聽聽聽聽聽聽 $(this).attr('checked',false).siblings().attr('checked',false);
聽聽聽聽 }
聽聽 }
鈶elect 鏍囩鐨勯€変腑椤?
灞炴€ч€夋嫨鍣ㄥ拰 :selected 閫夋嫨鍣?$('[name=NameOfSelectedTag] :selected')
鈶﹀皢涓€涓?HTML 鍏冪礌娣诲姞鍒?DOM 鏍戜腑:
appendTo() 鏂规硶鍦ㄦ寚瀹氱殑 DOM 鍏冪礌鏈熬娣诲姞涓€涓幇瀛樼殑鍏冪礌鎴栬€呬竴涓柊鐨?HTML 鍏冪礌
鈶?$(this) 鍜?this 鍏抽敭瀛楀湪 jQuery 涓湁浣曚笉鍚?
$(this) 杩斿洖涓€涓?jQuery 瀵硅薄锛屼綘鍙互瀵瑰畠璋冪敤澶氫釜 jQuery 鏂规硶锛屾瘮濡傜敤 text() 鑾峰彇鏂囨湰锛岀敤val() 鑾峰彇鍊肩瓑绛夈€傝€?this 浠h〃褰撳墠鍏冪礌锛屽畠鏄?JavaScript 鍏抽敭璇嶄腑鐨勪竴涓紝琛ㄧず涓婁笅鏂囦腑鐨勫綋鍓?DOM 鍏冪礌銆備綘涓嶈兘瀵瑰畠璋冪敤 jQuery 鏂规硶锛岀洿鍒板畠琚?$() 鍑芥暟鍖呰9锛屼緥濡?$(this)
鈶ㄦ彁鍙栦竴涓狧TML 鏍囪鐨勫睘鎬?
attr() 鏂规硶琚敤鏉ユ彁鍙栦换鎰忎竴涓狧TML鍏冪礌鐨勪竴涓睘鎬х殑鍊?br>鈶╄缃竴涓睘鎬у€?attr(name, value)
鈶燿etach() 鍜?remove() 鏂规硶鐨勫尯鍒?
閮借鐢ㄦ潵绉婚櫎涓€涓狣OM鍏冪礌,( 涓よ€呬箣闂寸殑涓昏涓嶅悓鍦ㄤ簬 detach() 浼氫繚鎸佸杩囧幓琚В闄ゅ厓绱犵殑璺熻釜, 鍥犳瀹冨彲浠ヨ鍙栨秷瑙i櫎, 鑰?remove() 鏂规硶鍒欎細淇濇寔杩囧幓琚Щ闄ゅ璞$殑寮曠敤.)
鈶Query 涓殑鏂规硶閾炬槸浠€涔堬紵浣跨敤鏂规硶閾炬湁浠€涔堝ソ澶?
鏂规硶閾炬槸瀵逛竴涓柟娉曡繑鍥炵殑缁撴灉璋冪敤鍙︿竴涓柟娉曪紝杩欎娇寰椾唬鐮佺畝娲佹槑浜嗭紝鍚屾椂鐢变簬鍙 DOM 杩涜浜嗕竴杞煡鎵撅紝鎬ц兘鏂归潰鏇村姞鍑鸿壊銆?br>鈶綘瑕佹槸鍦ㄤ竴涓?jQuery 浜嬩欢澶勭悊绋嬪簭閲岃繑鍥炰簡 false 浼氭€庢牱锛?br>閫氬父鐢ㄤ簬闃绘浜嬩欢鍚戜笂鍐掓场銆?br>鈶?鍝鏂瑰紡鏇撮珮鏁堬細document.getElementbyId(鈥渕yId鈥? 杩樻槸 $(鈥?myId鈥?锛?br>绗竴绉嶏紝鍥犱负瀹冪洿鎺ヨ皟鐢ㄤ簡 JavaScript 寮曟搸銆?br>鈶ら拡瀵筳Query鐨勪紭鍖栨柟娉?
a銆佷紭鍏堜娇鐢↖D閫夋嫨鍣?br>b銆乯query鑾峰彇鍒扮殑DOM鍏冪礌濡傛灉闇€瑕佸娆′娇鐢紝寤鸿浣跨敤涓€涓彉閲忓皢鍏朵繚瀛樿捣鏉ワ紝鍥犱负鎿嶄綔DOM鐨勮繃绋嬫槸闈炲父鑰楄垂鎬ц兘鐨?/p>