学弟教程-JS-原生JS与JQuery的语法对比

1.差异

例如:

<input type="text" id="name">

<button type="button" id="addBtn">

获取控件

document.getElementById(“id”)可以直接获取当前对象
jQuery利用$("#id")获取的是一个[object Object]，需用$("#id")[0]或$("#id").get(0)获取真实对象

const name = document.getElementById("name") 

const name = $('#name')[0]

获取值

//js
document.getElementById("name").value()

//Jquery
$('#name').val()

事件

点击按钮时弹出弹窗

//js
const addBtn = document.getElementById("addBtn");
addBtn.addEventListener("click", ()=>{
    alert("666")
})

//JQuery
$("#addBtn").click(functon(){
    alert("666")
})

2.匿名函数

js中为 ()=>

jQuery中为 function(){}