第4章 Jquery

1．简介

1）jquery是目前最流行的一种JavaScript库。

2）所谓JavaScript库就是对JavaScript进行进一步封装和开发，然后将其打包为js文件 方便重复调用。jquery也可称为JavaScript框架。

3） jquery的主要功能是简化JavaScript的开发工作。并且基本解决了浏览器的兼容问 题。

2．核心函数

2.1 $是jquery的核心函数。

jquery的大部分功能都是核心函数来完成的。

2.2核心函数根据实参的不同，有四种不同的用法

2.2.1传入一个函数作为参数

如：$(function(){})

作用：和window.onload = function(){}一样，在文档加载完成后调用

2.2.2传入一个选择器的字符串

如：$(“#id”) 

作用：和document.getElementById(“id”)一样，从文档查询需要的元素

2.2.3传入一段HTML代码

如：$(“<li>广州</li>”)

作用：创建一个li对象

2.2.4传一个DOM对象

如：var ele=document.getElementById(“abc”);   var x= $(ele);

作用：将一个js获取的dom对象转化为一个jquery对象。这样就可以使用jquery里面的方法了

3．jquery对象与dom对象

3.1 dom对象

dom对象是原生的网页文档对象。可以通过js获取到文档对象。然后进行增删改操 作。

3.2 jquery对象

jquery对象是使用jquery包装后的文档对象。只有这个对象才可以调用jquery的方 法。dom对象不是jquery 的对象，所以我们不能调用jquery的方法，我们需要将其包 装为jquery对象才可

3.2.1 DOM对象

通过原生JS获取的对象是DOM对象

3.2.2 jQuery对象

通过jQuery核心函数包装过的对象叫做jQuery对象

3.2.3比较

1）两种对象之间不能互相调用对方的方法

2）命名上的区别：

jQuery对象命名时习惯加上$,加以区分。

3.2.4转换

1）DOM --> jQuery

$(DOM对象)

2）jQuery --> DOM

jQuery对象[索引]

jQuery对象的本质就是DOM对象的数组，所以可以通过给对象加下标的 形式获取数组中的DOM对象