关于jQuery基础

一：简介

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

jQuery库包含以下功能：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

二：语法

jQuery基础语法：

$(selector).action()

• 美元符号定义 jQuery
• 选择符（selector）"查询"和"查找" HTML 元素
• jQuery 的 action() 执行对元素的操作

三：选择器

（1）元素选择器：

$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

此实例效果是点击button按钮时，可以将所有p标签隐藏

（2）#id选择器：

$(document).ready(function(){

$("button").click(function(){

$("#test").hide();

});

});

此实例效果是点击button按钮时，将id为test的所有标签隐藏

（3）.class选择器

$(document).ready(function(){

$("button").click(function(){

$(".test").hide();

});

});

此实例效果是点击button按钮时，将class设置为test的所有标签隐藏

三.jQuery事件

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例：

• 在元素上移动鼠标。
• 选取单选按钮
• 点击元素

常用的jQuery事件：

$(document).ready()

$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

dblclick()

当双击元素时，会发生 dblclick 事件。

dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数。

hover()

hover()方法用于模拟光标悬停事件。

当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。