jQuery 语法，以及文件就绪函数

比眉伴天荒 2024-04-18 18:01 68阅读 0赞

文章出自：[http://www.w3school.com.cn/jquery/jquery\_syntax.asp][http_www.w3school.com.cn_jquery_jquery_syntax.asp]

**通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。**

## jQuery 语法实例 ##

[$(this).hide()][this_.hide]

演示 jQuery hide() 函数，隐藏当前的 HTML 元素。

[$("\#test").hide()][test_.hide]

演示 jQuery hide() 函数，隐藏 id="test" 的元素。

[$("p").hide()][p_.hide]

演示 jQuery hide() 函数，隐藏所有 <p> 元素。

[$(".test").hide()][.test_.hide]

演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。

## jQuery 语法 ##

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

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

*  美元符号定义 jQuery
 *  选择符（selector）“查询”和“查找” HTML 元素
 *  jQuery 的 action() 执行对元素的操作

### 示例 ###

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

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

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

提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。

## 文档就绪函数 ##

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

$(document).ready(function(){
    
    --- jQuery functions go here ----
    
    });

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

*  试图隐藏一个不存在的元素
 *  获得未完全加载的图像的大小

[http_www.w3school.com.cn_jquery_jquery_syntax.asp]: http://www.w3school.com.cn/jquery/jquery_syntax.asp
[this_.hide]: http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_this
[test_.hide]: http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_id
[p_.hide]: http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_p
[.test_.hide]: http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_class

发表评论取消回复

表情：

评论列表（有 0 条评论，68人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 语法，以及文件就绪函数

章出自：[http://www.w3school.com.cn/jquery/jquery\_syntax.asp][http_www.w3school.com.cn_j...

比眉伴天荒/ 2024年04月18日 18:01/ 0 赞/ 69 阅读

相关 jQuery文档就绪

很多jQuery代码都有如下片段: $(document).ready(function(){ //代码 }) 作用就是等文档结构加载完成后再去执行function

迷南。/ 2023年06月10日 11:26/ 0 赞/ 45 阅读

相关 jQuery--语法

原文网址：[jQuery--语法\_IT利刃出鞘的博客-CSDN博客][jQuery--_IT_-CSDN] 选择器与描述 > 与选择器用于选择同时满足多个

小灰灰/ 2022年11月21日 09:50/ 0 赞/ 147 阅读

相关 jQuery语法及事件函数总结

　　jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它凭借简洁的语法和跨平台的兼容性，极大

╰+攻爆jí腚メ/ 2022年06月09日 23:47/ 0 赞/ 184 阅读

相关 Windows.onload和jQuery就绪函数的区别

Windows.onload函数如果在元素DOM全部加载完毕后，输出多个语句，只输出最后一个。 jQuery就绪函数在元素DOM加载全部加载完毕后，输出多个语句，会逐个输出。

一时失言乱红尘/ 2022年05月24日 12:20/ 0 赞/ 176 阅读

相关 jquery 文档就绪

文档就绪事件您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中： $ ( document ) . ready (

谁践踏了优雅/ 2022年05月23日 12:45/ 0 赞/ 177 阅读

相关 jquery文档就绪的三种书写方式

//写法一 $(document).read(function(){ alert("文档加载完毕!"); }) //写法二

素颜马尾好姑娘i/ 2022年05月19日 05:34/ 0 赞/ 202 阅读

相关 jQuery之文档就绪事件

一、 jQuery语法 jQuery是通过选取HTML元素，并对选取的元素执行某些操作。基础语法：$(selector).action() 1）美元符号定义jQu

╰半橙微兮°/ 2021年09月28日 02:48/ 0 赞/ 296 阅读

相关 jquery中的语法以及选择器

jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action() 美元符号定

悠悠/ 2021年09月15日 07:36/ 0 赞/ 391 阅读

相关 JQuery常见的语法以及简单例子总结

1.$是jquery核心函数 2.jquery对象是执行jquery函数返回的数据（对象） 3.选择器是具有特点格式的字符串（如\id ）-----给jquer

ゝ一世哀愁。/ 2021年09月13日 14:48/ 0 赞/ 320 阅读