//jQuery 使用Id指定
$('#my-div')
//jQuery 使用Class指定
$('.my-div')
當指定到對的網頁元件後,原生的addEventListener可以直接使用定義好的on()函數,兩者用法差不多相同,第一個參數是需監聽的事件,第二個則是要執行的對應function:
$('#my-div').on('click',function(){
$( this ).css('border-width','2px')
})
// function使用的是jQuery的css函式
除此之外,jQuery還把常使用到的click、hover等事件,提供對應的click()、hover()函式,以上方例子來說,可以改寫成:
$('#my-div').click(function(){
$( this ).css('border-width','2px')
})
jQuery的事件們:
https://api.jquery.com/category/events/