js和jquery区别

最新推荐文章于 2022-05-16 22:50:51 发布

c&&w

最新推荐文章于 2022-05-16 22:50:51 发布

阅读量174

点赞数

分类专栏： js和jquery区别文章标签： jquery

本文链接：https://blog.youkuaiyun.com/weixin_50659005/article/details/109368306

版权

js和jquery区别专栏收录该内容

1 篇文章

订阅专栏

本文探讨了JavaScript和jQuery在获取元素、操作内容和样式上的差异。通过示例，展示了如何使用js和jQuery分别根据ID、class和标签名选取元素。在操作内容时，讲解了文本和HTML的处理方式，以及表单元素的value属性。对于样式操作，指出js的style属性和jQuery的css方法。还强调了jQuery在样式获取上的优势，即能获取内外样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js和jquery区别

根据id取元素
js取到的是一个DOM对象

var div=document.getElementByID("a");

jquery取到的是一个jquery对象

var div=$("#a");

括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入#号，整句的意思就是根据ID为a的来查找。
根据class取元素，在数组里面如果要去DOM对象使用索引的方式，如果要去jquery对象使用eq()
js取到的是一个数组

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

jquery:

var div=$(".test");

根据标签名取元素
js返回的是数组

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

jquery在双引号内直接写标签名

$("div")

操作内容
非表单元素（如果是文本就用text方法，如果是html代码就用html方法）

div.text();——无参数的情况下是取值
div.text(“aaaa”);——有参数的情况下是赋值
div.html();——无参数的情况下是取值
div.html(“aaaa”);——有参数的情况下是赋值

表单元素

JS：
div.value;——取值；div.value = xxx;——赋值
JUQERY：

div.val();——无参数是取值，有参数是赋值。

操作样式
js里面操作样式的关键字是style

div.style.backgroundColor = “red”;——把这个div的背景色设置成为了红色
JQUERY里面操作样式的关键字是css

div.css(“background-color”,“yellow”);
JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的！

JQUERY操作样式的方法可以是内联的也可以是内嵌的