学过计算机语言的人都知道,越底层的语言学习难度越难,越高级的语言将对于底层语言会简单许多,因为高级语言是后来开发改进的。那么,js和jquery的区别是什么?下面将会为大家介绍。
js和jquery的区别
一、入口函数的不同
1、js:window.onload = function(){内部放js}
实质就是一个事件,拥有事件的三要素,事件源,事件,事件处理程序。等到所有内容,以及我们的外部图片之类的文件加载完了之后,才会去执行。只能写一个入口函数;
2、jQuery:$(function(){})或者$(document).ready(function(){})是在 html所有标签都加载之后,就回去执行,可以写多个;
二、获取元素的方式不同
1、js:常用的以下几个,除了id,其他的结果都是伪数组;
2、jQuery:$(" ")通过和css雷同的选择器方式来获取元素。得到的是jquery对象(dom元素的数组,外加其他一些成员)。即使写的是id,唯一的,得到的对象都不是单一的;
本质上jquery方式和qs方式都是获取DOM数组, 只不过jquery会多一些其他成员,DOM数组的每一个成员注册事件不能像jquery一样直接注册, 必须分别给每个元素注册;
三、DOM对象和jquery对象的相互转换
1、jQuery对象转换成DOM对象,方式一:$(“#btn”)[0],方式二:$(“#btn”).get(0)得到dom对象;
2、eq(0)得到jquery对象
DOM对象转换成jQuery对象:
$(document) -> 把DOM对象转成了jQuery对象
var btn = document.getElementById(“btn”);
btn -> $(btn);$(this)
Jquery得到的元素类型都是对象,内容是伪数组,无论是不是唯一的元素;
四、事件处理程序不同
1、js:document.getElementById(“id”).onclick = function(){ // 语句 }
document.getElementById(“id”).addEventListener("click",function(){})
onclick,onfoucs,onblur,fouce(自动获得),select(自动选择文本域内容),onmouseover,onmouseout,
oninput/onpropertychange用户输入事件,onchange(下拉菜单select内容发生改变时发生事件,如果内容为几,那么做出什么反应),
2、jquery:$(“#id”).click(function(){ // 语句 });
以上就是关于js和jquery的区别的解答,希望可以帮助到大家。