jQuery如何获取HTML标签中的自定义属性和固有属性?

原创 野人  2022-01-20 19:57  阅读 118 次

好久没有用jQuery,所有里面封装的方法,都是现学现用,基本正好又用到了,那索性就把它给记录下来。

开始之前,我们先说下什么叫HTML标签中的自定义属性和固有属性,通过列子的来讲的话,可能更好理解点,那就以下面的a标签为例子:

<a id="test" href="//www.yerenwz.com" target="_blank" data-author="yeren">野人博客</a>

固有属性有:idhreftarget,更多固有属性,大家可以W3C的官方文档,以那个为准。

自定义属性有:data-autho

有些朋友可能好奇为什么要讲固有属性和自定义属性呢,这其实是因为这两个不同的属性,在jQuery中需要使用不同的方法才能获取到,还是以上面的例子为例子:

//固有属性获取方法
$('#test').prop('id');
$('#test').prop('href');
$('#test').prop('target');
//自定义属性获取方法
$('#test').attr('data-author');

本文地址:https://www.yerenwz.com/5603.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论