脑课堂编程教育

js和jquery的区别

前端技术 1年前
312 0 0
脑课堂编程培训

学过计算机语言的人都知道,越底层的语言学习难度越难,越高级的语言将对于底层语言会简单许多,因为高级语言是后来开发改进的。那么,js和jquery的区别是什么?下面将会为大家介绍。

file

一、入口函数的不同

1、js:window.onload = function(){内部放js}   

实质就是一个事件,拥有事件的三要素,事件源,事件,事件处理程序。等到所有内容,以及我们的外部图片之类的文件加载完了之后,才会去执行。只能写一个入口函数;

2、jQuery:$(function(){})或者$(document).ready(function(){})是在 html所有标签都加载之后,就回去执行,可以写多个;

file

二、获取元素的方式不同

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的区别

本文链接:https://naoketang.com/p/wepqovnw7drn

评论区

推荐课程