jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法:
$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
实例:
- $(this).hide() - 隐藏当前元素
- $("p").hide() - 隐藏所有
元素
- $("p.test").hide() - 隐藏所有 class="test" 的
元素
- $("#test").hide() - 隐藏 id="test" 的元素
下面是示例代码:
$(document).ready(function(){//标准写法
// 开始写 jQuery 代码...
});
$(function(){//简介写法
// 开始写 jQuery 代码...
});
以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。
jQuery 元素选择器基于元素名选取元素。
例如在页面中选取所有
元素:
$("p")
示例代码:(点击按钮,隐藏p标签)
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
例如通过 id 选取元素语法如下:
$("#test")
示例代码:(当用户点击按钮后,有 id="test" 属性的元素将被隐藏)
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
jQuery 类选择器可以通过指定的 class 查找元素。
例如语法如下:
$(".test")
示例代码:(当用户点击按钮,带有class="test"属性的元素将被隐藏)
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});