本篇文章给大家带来《jquery语法结构》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

jQuery 语法是为 HTML 元素的选取编写的，可以对元素执行某些操作。基础语法是：$(selector).action() 美元符号定义 jQuery 选择符 (selector) “查询” 和 “查找” HTML 元素 jQuery 的 action() 执行对元素的操作 实例 $(this).hide() 隐藏当前元素 $("#test").hide() 隐藏 id="test" 的元素 $(".test").hide() 隐藏所有 class="test" 的元素

$("p").hide() 隐藏所有 <p> 元素 $("○").hide() 隐藏所有元素 $(this).hide() 文档就绪函数 $(document).ready(function(){ // jQuery methods go here... }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作可能失败。以下是两个等价的语法： $(document).ready(function(){ // jQuery methods go here... }); $(function(){ // jQuery methods go here... });

jQuery 语法结构 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 实例 $(this).hide() - 隐藏当前元素 $("#test").hide() - 隐藏 ID 为 "test" 的元素 $(".test").hide() - 隐藏所有拥有 class="test" 的元素 $("p").hide() - 隐藏所有 <p> 元素 $("○").hide() - 隐藏所有元素 $(this).hide() 文档就绪函数 您也许已经注意到，在我们的实例中的所有 jQuery 函数位于一个 document.ready() 函数中。 $(document).ready(function(){ // jQuery methods go here... }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作可能失败。 以下是两个等价的语法： $(document).ready(function(){ // jQuery methods go here... }); $(function(){ // jQuery methods go here... });

$(document).ready(function(){...}); 的简写 在每个页面中使用 $(document).ready(function(){...}); 很快会变得乏味，特别是当您在每个页面中都使用它的时候。 jQuery 还提供了一个快捷方式： $(function(){ // jQuery methods go here... });

jQuery 语法结构 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 实例 $(this).hide() - 隐藏当前元素 $("#test").hide() - 隐藏 ID 为 "test" 的元素 $(".test").hide() - 隐藏所有拥有 class="test" 的元素 $("p").hide() - 隐藏所有 <p> 元素 $("○").hide() - 隐藏所有元素 $(this).hide() 石家庄人才网小编提醒您需要注意的是： 文档就绪函数 您也许已经注意到，在我们的实例中的所有 jQuery 函数位于一个 document.ready() 函数中。 $(document).ready(function(){ // jQuery methods go here... }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作可能失败。 以下是两个等价的语法： $(document).ready(function(){ // jQuery methods go here... }); $(function(){ // jQuery methods go here... });

有关《jquery语法结构》的内容介绍到这里，想要了解更多相关内容记得收藏关注本站。