參考https://tw.alphacamp.co/blog/jquery-javascript-library-overview#事件綁定
jQuery主要的基礎建立在JS上。不同於瀏覽器腳本(Script)的標準,CSS2就提供更豐富易用的樣式表
原版JS只能由這三種方式存取網頁節點的API
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
通常事件綁定有三種方法
1<h1 onclick=”console.log(‘click’)” id=”my-id”>Hello</h1>
2addEventListener
3 JS中設置
事件觸發在jQuery中很方便 只要一行就好
$(“#my-id”).click()
不使用jQuery
console.log(document.getElementById(“my-id2”).getAttribute(“data-target”)); // => “#target”
使用jQuery
console.log($(“#my-id2”).data(“target”)); // => “#target”
主要應該差在使用jQuery會比較簡便