jQuery对象和语法

jQuery类型

引入jquery.js时，其实是向全局作用域中，添加了一个新的类型--jQuery。

构造函数：负责创建jQuery类型的对象。

原型对象：保存jQuery对象可用的所有简化版API，只有jQuery类型的子对象，才能用简化版API。

什么是jQuery对象

封装DOM元素，并提供操作DOM元素的简化版API的类数组对象。

DOM元素不是jQuery类型子对象，无法直接使用jQuery的简化版API，想使用jQuery，必须先创建jQuery对象，封装DOM对象。

基础语法：$(selector).action()

实例：$("p").hide()　　指隐藏所有<p>元素

在jQuery中没有=，都是放在（）中执行操作。

jQuery三大特性

1.很多一个函数两用

未给新值，默认执行获取操作

给了新值，变为执行修改操作

例如：html()  获取内容

　　　html(xxx)  修改内容

注：jQuery中html即DOM中的innerHTML

2.自带遍历

对jQuery对象调用一次简化版API，等效于对类数组对象中的每个元素都调用一次API。

$("button").click(function(){ })　　对找到的每一个button元素都进行一次括号内的function操作

3.几乎每个jQuery API都返回正在使用的jQuery对象本身

链式操作，jQuery允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

也可以换行写，方便阅读

$("#p1").css("color","red")

　　.slideUp(2000)

　　.slideDown(2000);

 

文档就绪事件

所有的jQuery函数都位于一个document ready函数中：

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

可简写为：

$(function(){

//开始写jQuery代码

});