jq和js的关系_jQuery于js的区别和联系

一.什么是jQuery

jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。

js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。jQuery的核心思想为"write less,do more!"

jQuery通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单.jQuery通过多功能性和可扩展性的结合,改变了数百万人编写JavaScript的方式.

二.jQuery的下载

三.jQuery和js的区别

Javascript包含jQuery

jQuery只是封装文档遍历和操作,事件处理,动画和Ajax.

四.jQuery在HTML中的引入

1

2

Title

3

注意在引用时添加入口函数不能使用window.onload,因为它存在事件覆盖的现象 :

window.onload = function () {

alert(1)

}

window.onload = function () {

alert(2)

}

//只会显示2框

使用下面方法可以成功引入jQuery :

$(document).ready(function () {

console.log($);

})

或者

$(function () {

console.log($);

})

五.jQuery和js对象的关系

jsDOM对象 === jQuery对象

console.log($('button').get(0) === this);

//True

jsDom对象和jQuery对象的相互转换

jQuery对象转js对象 :

var doc2=$("#idDoc2")[0];

转换jQuery对象为DOM对象

doc2.innerHTML="这是jQuery的第一个DOM对象"

使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象

var doc2=$("#idDoc2").get(0);

doc2.innerHTML="这是jQuery的第二个DOM对象"

js对象转jquery对象 :

$(js对象)