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/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2017-09-16摘抄自W3school-jQuery 语法希望帮助自己系统地打好基础,也能在做笔记的同时添加一...
    moralok阅读 1,586评论 0 0
  • jQuery语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法:$(se...
    小二郎_Ejun阅读 1,917评论 0 1
  • Query 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法:$(selector).act...
    E小姐_8cc3阅读 1,228评论 0 0
  • jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).a...
    明明德撩码阅读 1,638评论 0 0
  • 1.基础语法 通过jQuery,可以选取(查询, query)HTML元素,并对它们执行“操作”。 2.选择器 元...
    冰land阅读 3,157评论 0 0