hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery获取元素ID属性的方法

墨初 Web前端 410阅读

想要获取jquery来获取一个指定元素的ID,有多种方法。下面73so博客就简单的介绍一下。

jquery获取元素ID的方法

1、使用jquery中的attr()方法获取元素的ID

例:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div class="mochu" id="mochudiv">https://www.73so.com</div>
<script>
//方法1:
console.log($('.mochu').attr('id'));
//方法2:
console.log($('#mochudiv').attr('id'));
</script>

2、通过JQuery对象的id属性来获取元素的ID

例:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div class="mochu" id="mochudiv">https://www.73so.com</div>
<script>
// 方法1
var id = $('#mochudiv')[0].id;
console.log(id);
// 方法2
var id = $('.mochu')[0].id;
console.log(id);
</script>

以上就是利用jquery来获取元素的ID的方法,需要注意的是如果一个html页面中有多个相同的id值,可能会出现一些错误。

声明:无特别说明,转载请标明本文来源!
相关推荐