关于jquery和javascript的区别

众所周知，网页主要由三部分构成：css（表现）、js（行为）、html（结构），而javascript（js）是一种脚本语言，常用于网页客户端编程，实现更多地动态功能，表现出更加丰富的视觉效果。其中jquery是一个快速、简洁的javascript库，极大的简化了javascript编程。简而言之，javascript是一种语言，而jquery是基于该语言的一种框架，除此之外还存在一些用法上的区别。

用法上的区别：

获取元素： 1、根据id获取元素

（1）js：取到的是一个dom对象 var div=document.getElementByID("one"); (2)jquery: var div=$("#one");

2、根据class取元素

js：var div=document.ElementsByClassName("test"); jquery:var div=$(".test");

3、根据name取元素

js:var bd=document.getElementsByName(uid); //JQUERY：的方式是用 方括号，属性=一个值，不限制非要根据name来取值 jquery:$("[name='uid']");

4、根据标签名取元素：

js:var div=document.getElementsByTagName("div"); jquery:var div=$("div");

5、赋、取值

js：div.value;//取值 div.value=xxx;//赋值 jquery： div.val();///无参数是取值，有参数是赋值

6、操作属性：

js： div.removeAttribute("");//移除属性，引号里面写一个属性名称 div.setAttribute("","");//设置属性和修改属性 div.getAttribute(“”);//获取属性 jquery： div.attr("test","aa");//添加属性，给这个attr方法加入参数，属性名叫做test，属性的值叫做aa； div.removeAttr("test");//移除test属性 div.attr(“test”);//获取test属性

最后附上原文链接：传送门