JavaScript 和 jQuery 的区别是什么? 下面本篇文章就来给大家介绍一下 JavaScript 和 jQuery 的区别, 希望对大家有所帮助.
JavaScript 和 jQuery 的区别:
一, 本质上的区别:
JS 是网页脚本语言, 而 jQuery 是基于 JS 语言封装出来的一个前端框架. 也就是说 JS 是一种语言, 而 jQuery 是基于该语言的一种框架.
二, 用法上的区别:
1, 外观上 jQuery 对象比 JS 对象多了 "$()", 这是最直观的区别;
2, 操作内容
非表单元素 (如果是文本就用 text 方法, 如果是 html 代码就用 HTML 方法):
例如:
div.text();-- 无参数的情况下是取值
div.text("aaaa");-- 有参数的情况下是赋值
div.HTML();-- 无参数的情况下是取值
div.HTML("aaaa");-- 有参数的情况下是赋值
表单元素:
JavaScript:
div.value;-- 取值;
div.value = xxx;-- 赋值;
jQuery:div.val();-- 无参数是取值, 有参数是赋值.
3, 操作属性
JavaScript 里面用来操作属性的方法:
div.setAttribute("","");-- 设置属性, 修改属性
div.removeAttribute("");-- 移除属性, 引号里面写一个属性名
div.getAttribute();-- 获取属性
jQuery 里面用来操作属性的方法:
添加属性: div.attr("test","aa"); -- 给这个 attr 方法加入参数, 属性名叫做 test, 属性的值是 aa
移除属性: div.removeAttr("test"); -- 移除 test 这条属性
获取属性: div.attr("test"); -- 在 attr 方法里面直接写入一个属性的名就可以了
4, 操作样式
JavaScript 里面操作样式的关键字是 style
例: div.style.backgroundColor = "red";-- 把这个 div 的背景色设置成为了红色
jQuery 里面操作样式的关键字是 CSS
例: div.CSS("background-color","yellow");-- 把这个 div 的背景色变为黄色, 在这里 CSS 里面所有的样式和 CSS 样式表里面的样式是一模一样的没有任何变化.
JavaScript 操作样式的方法只能获取内联样式, 不能取内嵌的和外部的.
jQuery 操作样式的方法可以是内联的也可以是内嵌的.
来源: http://www.css88.com/qa/javascript/11875.html