js和jquery的区别是啥?

Posted 2023-03-01

参考技术A

JS和JQUERY的区别如下：

①.根据ID取元素

JS:取到的是一个DOM对象。

例：var div = document.getElementByID("one");

JQUERY:取到的是一个JQUERY对象。

例：var div = $("#one");——括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入井号，整句的意思就是根据ID为one的来查找。

②.根据class取元素，在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对象使用eq()

JS:取到的是一个数组

例：var div = document.ElementsByClassName("test");

JQUERY:

例：var div = $(".test");

③.根据name取元素

JS：返回的是一个数组

例：var bd = document.getElementsByName(uid);

JQUERY：的方式是用 方括号，属性=一个值，不限制非要根据name来取值，JQUERY是根据属性来取元素

例：$("[name='uid']");

④.根据标签名取元素

JS：返回的也是一个数组

例：var div = document.getElementsByTagName("div");

JQUERY：和样式表里面给所有div加样式的方法一样，在双引号内直接写标签名

例：$("div");