百科狗-知识改变命运!
--

js和jquery的区别是什么

梵高1年前 (2023-12-16)阅读数 5#综合百科
文章标签属性对象

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方法里面直接写入一个属性的名就可以了

操作样式

js和jquery的区别是什么

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

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)