jQuery语法

Posted 2021-08-15 书和咖啡

本节我们学习 jQuery 的语法，通过 jQuery，我们可以选取 html 元素并对它们执行操作。

jQuery语法

jQuery 语法是为选取 HTML 元素和对元素执行某些操作而定制的。

基本语法格式：

$(selector).action()

• 首先是美元符号 $，是 jQuery 的别名，表示 jQuery 对象。
• selector 是一个选择符，用于查询 HTML 元素。
• action() 表示要对元素执行的 jQuery 操作。

示例：

例如我们来看几个例子：

$(this).hide()     // 隐藏当前元素
$("span").hide()   // 隐藏所有<span>元素
$(".xkd").hide()   // 隐藏class="xkd"的所有元素
$("#xkd").hide()   // 隐藏id="xkd"的所有元素

文档就绪函数

为了防止文档在没有完全加载之前就运行 jQuery 代码，我们需要一个文档就绪函数：

$(document).ready(function() {
    // jquery代码
});

添加这个函数后，就只能在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前运行函数，可能会失败操作，例如：

• 试图隐藏一个不存在的元素。
• 尝试获取尚未加载的图像大小

上面的函数还有一个简洁的写法：

$(function() {
    // jquery代码
});

这两种写法的效果都是一样的，但是简写看起来更方便一些。、

链接：https://www.9xkd.com/