js和jquery的区别是什么
JavaScript和jQuery的区别:
一、本质上的区别:
js是网页脚本语言,而jQuery是基于js语言封装出来的一个前端框架。也就是说js是一种语言,而jQuery是基于该语言的一种框架。推荐阅读:JavaScript教程
二、用法上的区别:
外观上jQuery对象比js对象多了"$()",这是最直观的区别;
操作内容
非表单元素(如果是文本就用text方法,如果是html代码就用html方法):
例如:
div.text();——无参数的情况下是取值
div.text("aaaa");——有参数的情况下是赋值
div.html();——无参数的情况下是取值
div.html("aaaa");——有参数的情况下是赋值
表单元素:
JavaScript:div.value;——取值;div.value = xxx;——赋值;
jQuery:div.val();——无参数是取值,有参数是赋值。
操作属性
JavaScript里面用来操作属性的方法:
div.setAttribute("","");——设置属性、修改属性
div.removeAttribute("");——移除属性,引号里面写一个属性名
div.getAttribute();——获取属性
jQuery里面用来操作属性的方法:
添加属性:div.attr("test","aa"); ——给这个attr方法加入参数,属性名叫做test,属性的值是aa
移除属性:div.removeAttr("test"); ——移除test这条属性
获取属性:div.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了
操作样式
JavaScript里面操作样式的关键字是style
例:div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色
jQuery里面操作样式的关键字是css
例:div.css("background-color","yellow");——把这个div的背景色变为**,在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化。
JavaScript操作样式的方法只能获取内联样式,不能取内嵌的和外部的。
jQuery操作样式的方法可以是内联的也可以是内嵌的。
在JS中,函数与对象的区别是什么呢?
所有的函数都是一个对象,所有的对象,都可以用构造函数创建。
凡是构造函数都是可以new的,也就是说都可以成为对象,这里当然要给Function类型的对象取个名字,它就叫“Function对象”。
函数
function?fun(){//?定义变量时没有使用关键字
var?atguigu?=?"this?is?atguigu";
//?在函数作用域访问变量?
console.log(?atguigu?);
}
fun();
构造函数----》new成为Function对象
function?Fun()?{this.name?=?'小王';//定义属性
this.age?=?'18';//定义属性
this.fn?=?function?()?{
return?1999;
}
}
对象
var?obj1?=?{name?:?'手速快',//属性
age?:?27,//属性
fun?:function?()?{//方法
return?10;
}
}
console.log(obj1);
在js中函数就是一个对象,函数在没有返回值时默认返回的一个对象,一个函数也可以作为参数传递给另外一个函数,这种方式通常被叫做 callback 模式。另外推荐给你一本书《JavaScript.Patterns》里边对日常代码编写规范做了很好的解释,对于js语言也解释的很详细,如果你已经有一定的js基础了推荐你看看这本书
鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com
图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!