小编给大家分享一下js和jquery的区别是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> JavaScript和jquery的区别:
<强>一、本质上的区别:
js是网页脚本语言,而jquery是基于js语言封装出来的一个前端框架。也就是说js是一种语言,而jquery是基于该语言的一种框架。
<强>二,用法上的区别:
外观上jquery对象比js对象多了“$()“,这是最直观的区别;
<强>操作内容
非表单元素(如果是文本就用文本方法,如果是html代码就用html方法):
例如:
div.text();——无参数的情况下是取值
div.text (“aaaa"); -有参数的情况下是赋值
div.html();——无参数的情况下是取值
div.html (“aaaa"); -有参数的情况下是赋值
表单元素:
JavaScript: div.value;——取值;div。价值=https://www.yisu.com/zixun/xxx;——赋值;
jQuery: div.val();——无参数是取的值,有参数是赋值。
<强>操作属性
JavaScript里面用来操作属性的方法:
div.setAttribute(““,““);——设置属性,修改属性
div.removeAttribute(“;”);——移除属性,引号里面写一个属性名
div.getAttribute();——获取属性
jQuery里面用来操作属性的方法:
添加属性:div.attr (“test",“aa");——给这个attr方法加入参数,属性名叫做测试,属性的值是aa
移除属性:div.removeAttr (“test");——移除测试这条属性
获取属性:div.attr (“test");——在attr方法里面直接写入一个属性的名就可以了
<强>操作样式
JavaScript里面操作样式的关键字是风格
例:div.style。写成backgroundColor=皉ed";——把这个div的背景色设置成为了红色
jquery里面操作样式的关键字是css
例:div.css (“background-color",“yellow");——把这个div的背景色变为黄色,在这里css里面所有的样式和css样式表里面的样式是一模一样的没有任何变化。
JavaScript操作样式的方法只能获取内联样式,不能取内嵌的和外部的。
jquery操作样式的方法可以是内联的也可以是内嵌的。
以上是js和jquery的区别是什么的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
