jQuery id选择器

id选择器

jQuery的id选择器,就是通过HTML中的元素的id属性值来匹配选择元素。元素的id属性值在HTML中往往是唯一的,因此通过jQuery的id选择器选择到的元素的返回值会是一个包含该元素jQuery对象,而不是元素本身,可以通过JS数组的索引的方式来访问该对象中的DOM元素类型。在jQuery中,id选择器的语法如下:

$('#idValue')

提示:jQuery的id选择器类似于JavaScript中的getElementById()的方法。

jQuery id选择器实例代码,及在线编辑器

下方实例中,使用jQuery的id选择器为按钮button添加了一个click点击的处理函数,除此之外,实例中还用了一个变量来存储id选择器选择到的返回值对象,并使用alert()函数查看该变量的值是什么,并且使用索引的方式访问该对象,可以很清楚地看到alert()函数输出的两次的值是不一样的:

<button id="bt1" class="btn">点击</button>

<script>
   $("#bt1").click(function(){
     $("#bt1").css('color','green');
     var ele = $("#bt1");
     alert(ele);
     alert(ele[0]);
   })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.