jQuery是一款流行的JavaScript框架,它提供了許多實用的工具和函數,幫助我們有效地操作DOM和處理事件。其中on和selected是兩個常用的方法。
$(selector).on(event, childSelector, data, function)
該方法給指定的元素綁定一個或多個事件處理程序,可以使用選擇器過濾子元素,可以傳遞數據,也可以直接傳遞函數。
$(selector).selected(handler(eventObject))
該方法用于為選擇的元素綁定選擇事件,當選中元素時會觸發事件處理函數。
下面是一個使用on和selected方法的示例:
$('ul').on('click', 'li', function() { $(this).addClass('selected').siblings().removeClass('selected'); }); $('select').selected(function() { var selectedOption = $(this).find(':selected'); console.log(selectedOption.text()); });
該示例中,我們首先使用on方法為ul元素下的li元素綁定點擊事件,當點擊li元素時,該元素會添加selected類,同時移除其他兄弟元素的selected類。
其次,我們使用selected方法為select元素綁定選擇事件,當選擇一個選項時,事件處理函數會輸出選中選項的文本內容到控制臺。
總之,on和selected方法可以幫助我們簡化事件處理和選擇操作,提高JavaScript編程效率。