html5属性隐藏,能用html5的data=*自定义属性去对应元素的id做隐藏显示?

"博客讨论了HTML5的data-*属性与jQuery.data()方法的区别,指出"data()"是jQuery的方法而非HTML5标准。文章建议在页面初始化或动态添加data属性时结合使用class以简化操作,或者通过jQuery选择器遍历所有data属性元素进行操作。同时,内容涵盖了如何通过jQuery高效地查找和操作带有特定data属性的元素。"

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修正一下,.data()或者说'data-xxx=""'不是html5的,是jquery的。。。

data-*=""是H5提出的标准,以上错误

实际和attr()类似,可以在页面生成时绑定数据,实际上是给元素添加名称为data-*的属性。

具体见jQuery 数据 - jQuery.data() 方法

1、如果这个data是页面初始化时就填充的,你填充的时候为什么不知道加一个class?

2、如果这个data是你后来加的,那你加、或者操作这个data的时候为什么不加一个class?

以上两步,把加的那个class里面写上display:none不就可以了。。

ok,你可能要骂娘了。。。

那只能一个办法了,写一个$(document).find('[data-xxx]')获取所有含有这个data-xxx元素的节点,

然后遍历,注意使用hasownproperty...

根据遍历的情况将需要改变display的进行操作。。。

涉及到的jquery方法可能有,算了,类似于

var eles=$(document).find('[data-rel]');//假设那个data是data-rel

for(var e in eles){

if(eles.hasownproperty(e)){

//一定要有这个。。。不然会浪费循环,或者你用var e=0;e

var ele=eles.eq(e)

,data_rel=ele.data('rel');

if(data-rel=='xxxx'){//你自己的判断

//你自己需要的操作

}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值