jQuery中的選擇事件指的是為某個或某些元素指定一個或多個事件響應函數。
常用的選擇事件有:
$(selector).click(function()) $(selector).dblclick(function()) $(selector).mouseenter(function()) $(selector).mouseleave(function()) $(selector).hover(function(), function()) $(selector).mousedown(function()) $(selector).mouseup(function()) $(selector).mousemove(function()) $(selector).keyup(function()) $(selector).keydown(function()) $(selector).submit(function())
舉個例子,若想在用戶點擊某個按鈕時觸發一個響應函數,可以這樣寫:
$("#btnSubmit").click(function() { alert("按鈕被點擊了!"); });
這樣,當用戶點擊ID為btnSubmit的按鈕時,就會彈出一個提示框。
需要注意的是,事件響應函數可以有多個,它們將按照順序依次執行。
同時,也可以為多個元素指定相同的響應函數,比如這樣:
$(".select-item").click(function() { $(this).toggleClass("selected"); });
以上代碼將為class為select-item的所有元素指定一個響應函數,當用戶點擊一個元素時,它的樣式將會切換為selected。