迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

jQuery ID 选择器

作者:迹忆客 最近更新:2024/03/24 浏览次数:

jQuery 中有三种选择器; IDClassElement。本教程演示了如何在 jQuery 中使用 ID 选择器。


jQuery ID 选择器

ID 选择器将选择具有给定 id 属性的单个元素。语法很简单 $(#ID),其中 ID 是元素 ID。

如果 ID 包含句点或冒号等特殊字符,我们必须使用反斜杠转义这些字符。ID 选择器返回用找到的元素填充的数组。

例如:

让我们看一个在 jQuery 中使用 ID 选择器的示例。

<!DOCTYPE HTML>
<html>
    <head>
        <title>jQuery ID Selector</title>
        <script type = "text/javascript" src = "https://code.jquery.com/jquery-1.10.2.js"> </script>

        <script type = "text/javascript" language = "javascript">
            $(document).ready(function() {
                $("#DemoDiv1").css("background-color", "lightblue");
            });
        </script>
    </head>

    <body>
        <div id = "DemoDiv1">
            <p>This is the First Div.</p>
        </div>

        <div id = "DemoDiv2">
            <p>This is the Second Div.</p>
        </div>

        <div class = "DEMO1" id = "DemoDiv3">
            <p>This is the Third Div.</p>
        </div>
		<div class = "DEMO2" id = "DemoDiv1">
            <p>This is the Fourth Div.</p>
        </div>
    </body>
</html>

上面的代码将选择具有唯一 ID 的元素并更改其背景颜色;由于此代码有两个具有相同 ID 的元素,它只会选择第一个,因为 ID 始终是唯一的。见输出:

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

用 jQuery 检查复选框是否被选中

发布时间:2024/03/24 浏览次数:98 分类:JavaScript

在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的

jQuery 触发点击

发布时间:2024/03/24 浏览次数:175 分类:JavaScript

在今天的文章中,我们将学习 jQuery 中的触发点击事件。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便