jquery attr和data给元素添加自定义属性

Posted 海川酷子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery attr和data给元素添加自定义属性相关的知识,希望对你有一定的参考价值。

博主不才,将自己总结的写在这里,如有问题欢迎一起讨论;

jquery给一个元素添加自定义属性目前见过两种方式

方式一:attr

方式二:data

这两种放方式都可以给元素添加自定义属性 

如:$(\'div\').attr( " data-zidingyi" ,“dig” )

  $(\'div\').data( " data-zidingyi"  ,“dig”)  

两种情况都可以;但一般情况用data因为他兼容性更好(注意!data是保存在jquery对象里,attr是保存在DOM元素上);

项目经验: 自定义属性在大项目中很常见,本人在最近的项目中就是通过自定义属性实现传值得,

项目右边是一个有很多企业名称的列表列表,点击列表中的每一项左边一个小弹框会显示,小弹框

里会详细显示公司名称和一些小信息,这时问题来了,点击左边的列表要传一个entId字段和值给小弹框

里面,小弹框接收到后保存自定义属性并取名entid并然后把值传到http头部给下一个页面。

 

 

 

以上是关于jquery attr和data给元素添加自定义属性的主要内容,如果未能解决你的问题,请参考以下文章

jquery中attr和prop的区别

如何使用JQuery给自定义属性赋值取值

jquery中attr和prop的区别

jquery data属性 attr vs data

jQuery属性与样式

用jquery创建的元素属性为啥大写都变小写了