jQuery框架

jQuery语法

复制代码

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

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

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

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有 <p> 元素

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

$("#test").hide() - 隐藏 id="test" 的元素

常见用法

文档就绪事件

复制代码

$(document).ready(function(){
 
   // 开始写 jQuery 代码...
 
});
//在 DOM 加载完成后才可以对 DOM 进行操作
//简洁写法

　$(function(){

　　// 开始写 jQuery 代码...

　　});

复制代码

 

jQuery 选择器

元素选择器

jQuery 元素选择器基于元素名选取元素。

在页面中选取所有 <p> 元素:

复制代码

$(p)

#id选择器

通过 HTML 元素的 id 属性选取指定的元素。

复制代码

$("#id")