1. JS 和 Jquery 获取元素对象 `$()`

1. JS 和 Jquery 获取元素对象 $()

jquery:

例子1 $("#add_task") 获取id为 add_task 元素。 class 使用 . ，和普通 js 标签指代符一样。
属性选择器
例如选取type取值为checkbox的input元素：$("input[type = 'checkbox']")
基本选择器 - jQuery | 绿叶学习网 (lvyestudy.com)
属性选择器 - jQuery | 绿叶学习网 (lvyestudy.com)

原生js: 下面是最常用的方式

1.根据id获取元素

var obj = document.getElementById("na");

若页面上有一个或多个对应的ID ，则只获取第一个ID对应的元素
若页面上没有对应的ID ，则拿到的是个 null

---

2.根据类样式的名字获取元素

var obj = document.getElementsByClassName("naclass");

---

3.返回文档中匹配指定css选择器的第一个元素，和jquery类似

// 获取id为na的元素
document.querySelector("#na");

若页面上没有对应的类名 ，那么我们得到的就是一个空集合；
若页面上有一个或多个对应的类名，那么我们得到的就是一个或多个元素组成的集合

JavaScript 获取元素的8种方法 - 知乎 (zhihu.com)