jquery获取id_js和jquery的区别

　　学过计算机语言的人都知道，越底层的语言学习难度越难，越高级的语言将对于底层语言会简单许多，因为高级语言是后来开发改进的。那么，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的区别的解答，希望可以帮助到大家。