jQuery常用语法

最新推荐文章于 2022-04-12 11:54:52 发布

paul0926

最新推荐文章于 2022-04-12 11:54:52 发布

阅读量178

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/paul0926/article/details/90442712

版权

html 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

jQuery 语法

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

jQuery 语法实例
$(this).hide()

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

$("#test").hide()

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

$(“p”).hide()

演示 jQuery 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 代码。

下面是两种假如文档完全加载之前运行函数的话，操作失败的情况：

· 试图隐藏一个不存在的元素。

· 获得未完全加载的图像的大小。

jQuery 事件

jQuery 是为事件处理特别设计的。

jQuery 事件函数
jQuery 事件处理函数是 jQuery 中的核心函数。

事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”（event）“触发”（triggered）是经常被用到的术语。

在您中
由于 jQuery 是为事件处理特别设计的，通常是把 jQuery 代码置于网页部分的“事件处理”函数中：

实例

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

  $("p").hide();

  });

});

</script>

</head>

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button type="button">Click me</button>

</body>

</html>

TIY

在上面的例子中，定义了一个处理 HTML 按钮的点击事件的 click 函数：

$(“button”).click(function() {…some code… } )

click 函数内部的代码隐藏所有 p元素：

$(“p”).hide();

所有事件函数都在文档自身的“事件处理器”内部进行定义：

$(document).ready(function() {…some code…} )

paul0926

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery常用语法

jQuery 语法通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。jQuery 语法实例$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数，隐藏 id=“test” 的元素。$(“p”).hide()演示 ...
复制链接

扫一扫