javascript - 請教 jquery 中 trigger(’click’) 和 click() 的區別與優劣。
問題描述
$(’#btn’).trigger(’click’);
$(’#btn’).click();
求教這兩種 click 事件的觸發方式選擇哪種更優?
問題解答
回答1:jquery2的源碼
jQuery.each( ('blur focus focusin focusout load resize scroll unload click dblclick ' + 'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave ' + 'change select submit keydown keypress keyup error contextmenu').split(' '), function( i, name ) { // Handle event binding jQuery.fn[ name ] = function( data, fn ) {return arguments.length > 0 ? this.on( name, null, data, fn ) : this.trigger( name ); };});
看起來,$對象的click執行事件實現也是調用trigger……所以trigger更優?= =||跟 @MockingBird 的想法不同- -
回答2:trigger() 主要用來觸發自定義事件
$( '#foo' ).on( 'custom', function( event, param1, param2 ) { alert( param1 + 'n' + param2 );});$( '#foo').trigger( 'custom', [ 'Custom', 'Event' ] );
@Dont 貼出了 jquery 源碼, 其實 .click() 也是直接調用 .trigger() 方法,所以性能上應該是一樣的。
回答3:就像jQuery.post()和jQuery.ajax()哪個更優??
明明可以猜到post肯定是調用了ajax, 那就用ajax? 就因為少了一次函數調用?然后多打好些字?浪費時間?
沒有什么優不優的,你要想想別的方面, 簡潔,易懂也很重要。
相關文章:
1. javascript - 在靜態頁面上用load 引入的頁面文件問題?2. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.3. android - RxJavar用什么操作符可以使數據每隔一段時間取出一個4. Android的webView如何實現網頁 錄音功能?5. Java游戲服務器開發和網站、app服務端的開發都差不多的嗎???實現的思路和方法6. css - 關于ul的布局7. html - 哪些情況下float會失效?8. javascript - vue組件通過eventBus通信時,報錯a.$on is not a function9. java - oracle對漢字字段按照拼音排序的函數和sql語句是什么?10. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果
