#ID函数

首页 / jQuery / #ID函数

元素ID选择器选择具有给定id属性的单个元素。

#ID - 语法

这是使用此选择器的简单语法-

$('#elementid')
  • elementid -这将是一个元素ID。

#ID - 返回值

像任何其他jQueryselector一样,此选择器还返回一个填充有find元素的数组。

#ID - 示例

  • $('#myid')          -  选择具有给定id='myid'的单个元素。

  • $('div#yourid')  -  选择具有给定<div id='yourid'>的单个元素。

以下示例将选择第二部分,并将黄色应用于其背景-

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            /* This would select second division only*/
            $("#div2").css("background-color", "yellow");
         });
      </script>
   </head>
	
   <body>
      <div class="big" id="div1">
         <p>This is first division of the DOM.</p>
      </div>

      <div class="medium" id="div2">
         <p>This is second division of the DOM.</p>
      </div>

      <div class="small" id="div3">
         <p>This is third division of the DOM</p>
      </div>
   </body>
</html>

这将产生以下输出-

This is first division of the DOM.

This is second division of the DOM.

This is third division of the DOM

这一章《jQuery - 选择器操作 - #ID函数》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

好记忆不如烂笔头。留下你的足迹吧 :)

相关文章

高并发系统设计40问 -〔唐扬 - 〕

性能工程高手课 -〔庄振运 - 〕

Vim 实用技巧必知必会 -〔吴咏炜 - 〕

成为AI产品经理 -〔刘海丰 - 〕

如何解决“重定向已被 CORS 策略阻止:没有 'Access-Control-Allow...

Bootstrap 4 文件输入

在大写字母前插入空格

jQuery:获取数据属性

测试两个元素是否相同

等效于 C# LINQ Select 的 Javascript

视频推荐〔jQuery-18-jQuery绑定事件方式1〕

更多 Selector-element-id 视频教程 »