jQuery 简介

https://www.runoob.com/jquery/jquery-syntax.html

jQuery 使用 $ 符号作为 jQuery 的简写。jQuery 简介什么是 jQuery ？jQuery 是一个 JavaScript 函数库。

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

jQuery 库包含以下功能：

HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities提示： 除此之外，jQuery 还提供了大量的插件。

jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 什么是CDNjQuery 语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

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

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

$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有

元素$("p.test").hide() - 隐藏所有 class="test" 的

元素$("#test").hide() - 隐藏 id="test" 的元素jQuery 入口函数:代码语言：javascript复制$(document).ready(function(){

// 执行代码

});

或者

$(function(){

// 执行代码

});JavaScript 入口函数:

代码语言：javascript复制window.onload = function () {

// 执行代码

}load 和ready 的区别

jQuery 选择器元素选择器代码语言：javascript复制

这是一个标题

这是一个段落。

这是另一个段落。

点我

#id 选择器代码语言：javascript复制

这是一个标题

这是一个段落

这是另外一个段落

点我

.class 选择器jQuery 事件jQuery 事件方法语法在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。

页面中指定一个点击事件：

$("p").click();

下一步是定义了点击后触发事件。您可以通过一个事件函数实现：

$("p").click(function(){ // 动作触发后执行的代码!! });

常用的 jQuery 事件方法$(document).ready()$(document).ready() 方法允许我们在文档完全加载完后执行函数。

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

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

在下面的实例中，当点击事件在某个

元素上触发时，隐藏当前的

元素：

("p").click(function(){

jQuery hide() 和 show()设置隐藏时间 1000（1秒）代码语言：javascript复制

隐藏

显示

这是个段落，内容比较少。

这是另外一个小段落

隐藏完成后弹窗代码语言：javascript复制

隐藏

jQuery toggle() 实现显示和隐藏jQuery 效果 - 淡入淡出jQuery fadeIn()

演示 jQuery fadeIn() 方法。

jQuery fadeOut()

演示 jQuery fadeOut() 方法。

jQuery fadeToggle()

演示 jQuery fadeToggle() 方法。

jQuery fadeTo()

演示 jQuery fadeTo() 方法。

代码语言：javascript复制

以下实例演示了 fadeIn() 使用了不同参数的效果。

点击淡入 div 元素。

jQuery 效果 - 滑动jQuery slideDown()

演示 jQuery slideDown() 方法。

jQuery slideUp()

演示 jQuery slideUp() 方法。

jQuery slideToggle()

演示 jQuery slideToggle() 方法。

样式使用jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

下面的例子演示 animate() 方法的简单应用。它把