前端JS和jQuery区别

一、JS和jQuery概念

　　jquery是一个快速、简洁的JavaScript库，极大的简化了javascript编程。

　　js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。

　　所以从本质上看JS是一种语言，jQuery是基于该语言的一种框架。

二、用法区别

　　1、获取元素方面不同：

　　JS中获取DOM元素：

document.getElementByxxx("")

　　jQuery获取到是jQuery对象：

var xxx = $("#xxx")

　　2、取值赋值方式不同：

　　JS：　　

div.value;——取值；div.value = xxx;——赋值

　　jQuery:

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

　　3、操作属性不同：

　　JS：

div.setAttribute("","");——设置属性、修改属性
div.removeAttribute("");——移除属性，引号里面写一个属性名
div.getAttribute();——获取属性

　　jQuery：

添加属性：div.attr("test","aa");——给这个attr方法加入参数，属性名叫做test，属性的值是aa
移除属性：div.removeAttr("test");——移除test这条属性
获取属性：div.attr("test");——在attr方法里面直接写入一个属性的名就可以了

　　4、操作样式不同：

　　JS：

div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色

　　jQuery：

div.css("background-color","yellow");

　以上内容仅记录以备忘。