乐趣区

关于jquery:jQuery语法

本节咱们学习 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/

退出移动版