jQuery 教程 jQuery 教程jQuery 下载 jQuery 语法jQuery 选择器jQuery 事件jQuery 效果 jQuery 显示和隐藏jQuery 参考手册 键盘码(KeyCode)对照表

jQuery 语法

jQuery 语句通常以美元符号 ($) 开头,并以分号 (;) 结尾。

在 jQuery 中,美元符号 ($) 只是 jQuery 的别名。 让我们考虑以下示例代码,它演示了 jQuery 最基本的语句。

<script>

        $(document).ready(function(){
            // 一些要执行的代码...
            alert("jQuery 教程 http://www.xuandaima.com/");
    
        });
    </script>

运行代码

代码说明

如果您对 jQuery 完全陌生,您可能会认为该代码的全部内容。 好的,让我们一一浏览这个脚本的每个部分。

<script> 元素 — 由于 jQuery 只是一个 JavaScript 库,所以 jQuery 代码可以放在 <script> 元素内。 但是,如果您想将其放入首选的 external JavaScript file 中,则只需删除此部分即可。

$(document).ready(handler); — 该语句通常称为就绪事件。 其中 handler 基本上是一个传递给 ready() 方法的函数,以便在文档准备好被操作时安全地执行,即当 DOM 层次结构完全构建时。


简洁写法(与以上写法效果相同):

<script>

        $(function(){
            // 一些要执行的代码...
            alert("jQuery 教程 http://www.xuandaima.com/");
    
        });
    </script>

运行代码

jQuery 语法实例

$(this).hide()

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

$("#test").hide()

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

$("p").hide()

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

$(".test").hide()

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