前端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");

 以上内容仅记录以备忘。 

posted @ 2020-04-05 16:37  少帅928  阅读(347)  评论(0编辑  收藏  举报