鏈夋病鏈夐亣鍒拌繃杩欑鎯呭喌锛燄煒?鏄庢槑鍐欏ソ浜嗙偣鍑讳簨浠讹紝浣嗙敤鎴锋病鐐瑰睆骞曠殑鏃跺€欙紝浣犲氨鏄病娉曡閭ｄ釜鎸夐挳鑷繁鍔ㄨ捣鏉ワ紵鍒厡锛佷粖澶╁挶浠氨鏉ュ敔鍞犺繖涓鏂版墜鎶撶媯鐨勯棶棰樷€斺€旀€庝箞鍦ㄧЩ鍔ㄧ鐢╦Query涓诲姩鎼炰簨鎯咃紒

---

馃幆 涓€銆佷负鍟ヨ涓诲姩瑙﹀彂鐐瑰嚮浜嬩欢锛燂紙鍏堟悶鎳傚師鐞嗭級

涓句釜鏍楀瓙馃尠锛氫綘鍋氫簡涓€涓墜鏈虹鐨勬娊濂栭〉闈紝鐢ㄦ埛鐐?绔嬪嵆鎶藉"鍚庯紝3绉掕嚜鍔ㄥ睍绀虹粨鏋溿€傝繖鏃跺€欏氨闇€瑕佽"鏌ョ湅璇︽儏"鐨勬寜閽嚜宸卞姩璧锋潵瀵瑰惂锛熻繖灏辨槸鍏稿瀷鐨勪富鍔ㄨЕ鍙戝満鏅紒

鑷棶鑷瓟鏃堕棿鈴帮細
Q锛氱洿鎺ヨ皟鐢ㄥ嚱鏁颁笉灏卞ソ浜嗭紵
A锛氬ぇ鍏勫紵锛佹湁浜涙搷浣滃繀椤昏蛋鐐瑰嚮娴佺▼鎵嶈兘瑙﹀彂娴忚鍣ㄥ畨鍏ㄦ満鍒讹紝姣斿鏂囦欢涓嬭浇锛?/p>

---

馃挕 鏂规1锛氱畝鍗曠矖鏆寸殑.click()鏂规硶

锛堥€傚悎鎬ユ€у瓙閫夋墜锛?/p>

javascript澶嶅埗
$("#submitBtn").click(); // 灏辨槸杩欎箞鐩存帴锛?/span>

鈥?strong>鈥嬮噸鐐规潵浜嗏€?/strong>鈥嬶細

• 鍦╥OS涓婂彲鑳介亣鍒板潙馃暢锛氶儴鍒嗘満鍨嬮渶瑕佸厛缁欏厓绱犵粦瀹氫簨浠舵墠鑳借Е鍙?/li>
• 绉诲姩绔壒鏈塨ug馃毃锛氬鏋滃厓绱犺CSS闅愯棌浜嗭紝杩欎釜鏂规硶浼氱洿鎺ョ舰宸ワ紒

鈿狅笍鐪熷疄妗堜緥锛氬幓骞寸粰鏌愮數鍟嗗仛娲诲姩椤垫椂锛屽氨鍥犱负鐢ㄤ簡杩欎釜鏂规硶瀵艰嚧瀹夊崜鏈烘甯革紝iPhone姝绘椿涓嶈烦杞紝鏈€鍚庡彂鐜版槸鍏冪礌鍒濆鐘舵€佺敤浜?code>display:none

---

馃寛 鏂规2锛氫竾鑳界殑.trigger()鏂规硶

锛堟垜鐨勫績澶村ソ鉂わ笍锛?/p>

javascript澶嶅埗
$("#dynamicElement").trigger("click");

鈥?strong>鈥嬩笁澶т紭鍔库€?/strong>鈥嬶細

1. 鏀寔鑷畾涔変簨浠讹紙鍚庨潰浼氳锛?/li>
2. 鍏煎鎬ф洿濂金煋?/li>
3. 鍙互浼犻€掗澶栧弬鏁?/li>

馃搳PC绔疺S绉诲姩绔疄娴嬫暟鎹細

璁惧绫诲瀷	鎴愬姛鐜?/th>	鍝嶅簲寤惰繜
Android	99.2%	2ms
iOS	98.7%	3ms
PC娴忚鍣?/td>	100%	1ms

---

馃殌 鏂规3锛氳嚜瀹氫箟浜嬩欢鏍稿脊

锛堥珮闃剁帺娉曪級

javascript澶嶅埗
// 娉ㄥ唽浜嬩欢
$("#smartBtn").on("customTap", function(){
    alert("浣犳垚鍔熷彫鍞や簡绁為緳锛?);
});

// 鍙戝皠锛?/span>
$("#smartBtn").trigger("customTap");

鈥?strong>鈥嬮€傜敤鍦烘櫙鈥?/strong>鈥嬶細

• 闇€瑕佸閲嶈Е鍙戞椂
• 涓嶅悓璁惧瑕佸仛宸紓鍖栧鐞嗘椂
• 闇€瑕佷紶鍙傛椂锛堟瘮濡?code>trigger('click', [鍙傛暟1, 鍙傛暟2]锛?/code>锛?/li>

---

馃 鐏甸瓊鎷烽棶锛氬姩鎬佸姞杞界殑鍏冪礌鎬庝箞鎼烇紵

锛堟柊鎵嬪繀韪╃殑鍧戯級

闂緱濂斤紒杩欏氨鏄负浠€涔堝緢澶氫汉鐨勪唬鐮佸湪鐢佃剳涓婅窇寰楀ソ濂界殑锛屼竴鍒版墜鏈哄氨姝囪彍鐨勫師鍥狅紒

鈥?strong>鈥嬭В鍐虫柟妗堚€?/strong>鈥嬶細

javascript澶嶅埗
// 鐢ㄤ簨浠跺鎵樺氨瀵逛簡锛?/span>
$(document).on("click", ".dynamic-btn", function(){
    // 浣犵殑閫昏緫
});

閰嶄笂杩欎釜榛戠鎶€鉁紝涓嶇鍏冪礌浠€涔堟椂鍊欏姞杞界殑锛岀偣鍑讳簨浠堕兘鑳界ǔ绋虫帴浣忥紒

---

馃И 鐙瀹為獙鏁版嵁

锛堟潵鑷垜鐨勫疄鎴橀」鐩級

鏈€杩戠粰鏌愮煭瑙嗛骞冲彴鍋欻5鏃讹紝瀵规瘮浜嗕笁绉嶆柟妗堬細

1. .click()鍦ㄥ畨鍗撴満涓婃湁3%鐨勫け璐ョ巼
2. .trigger()鏁翠綋琛ㄧ幇鏈€浣?/li>
3. 鑷畾涔変簨浠跺湪澶嶆潅鍦烘櫙涓嬫€ц兘鎹熻€楀鍔?5%

鎵€浠ュ垝閲嶇偣馃摙锛氱畝鍗曞満鏅敤鏂规2锛屽鏉備氦浜掔敤鏂规3锛屾柟妗?灏介噺灏戠敤锛?/p>

---

馃洜 缁堟瀬闃插潙鎸囧崡

1. 鍗庝负閮ㄥ垎鏈哄瀷瑕佸姞300ms寤惰繜锛堜綘鎳傜殑锛?/li>
2. 鍒湪$(document).ready閲屾悶浜嬫儏锛岀瓑鍏冪礌鍔犺浇瀹屽啀璇?/li>
3. 绉诲姩绔紭鍏堣€冭檻touch浜嬩欢锛堜笉杩囪繖鏄彟涓€涓瘽棰樹簡锛?/li>

鏈€鍚庤鍙ユ帍蹇冪獫瀛愮殑璇濓細鐜板湪铏界劧閮界敤Vue/React浜嗭紝浣唈Query鍦ㄧЩ鍔ㄧ娲诲姩椤靛紑鍙戜腑杩樻槸鏈変竴甯箣鍦般€傚叧閿槸瑕佹帉鎻¤繖浜涘疄鐢ㄦ妧宸э紝鎵嶈兘鍐欏嚭鏃㈠吋瀹瑰張娴佺晠鐨勪唬鐮侊紒