js和jquery的区别

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

js和jquery的区别

js和jquery的区别

  一、入口函数的不同

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

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

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

js和jquery的区别

  二、获取元素的方式不同

  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的区别的解答,希望可以帮助到大家。

推荐阅读

    pb获取电脑硬盘号|一pb硬盘

    pb获取电脑硬盘号|一pb硬盘,,一pb硬盘1PB是等于1024TB,等于1024*1024G硬盘pbr一般情况下,电脑系统运行变得缓慢、系统出现卡顿、系统中毒或

    确定java按钮响应事件的代码

    确定java按钮响应事件的代码,,* 阅读本文可以结合最后在java登录窗口界面下面是一个链接。 是定义的容器。 容器(CP =得到内容面板); / /

    获取电脑的ip|获取电脑的管理员权限

    获取电脑的ip|获取电脑的管理员权限,,1. 获取电脑的管理员权限添加管理员权限就是将普通用户赋予administrator权限,具体操作步骤如下:选择

    如何免费注册appid

    如何免费注册appid,右下角,应用程序,如何免费注册appid1.打开Appstore2.任意点开一个免费应用程序,并点击下载。3.从弹出的对话框中,选择“

    90后瓶门事件图片

    90后瓶门事件图片,,现在孩子们还太早,有些女孩子总是在门口等一会儿,最近发生了一次酒瓶门事件。 近日,山东一家寄宿学校的一名女生带着一瓶

    Python之可迭代对象、迭代器、生成器

    Python之可迭代对象、迭代器、生成器,迭代,生成器,一、概念描述可迭代对象就是可以迭代的对象,我们可以通过内置的iter函数获取其迭代器,可