data-*自定义属性语法
格式：data-*
1.自定义单个属性
<div th:attr="data-id=${element.getId()}" >
2.自定义多个属性
<div th:attr="data-id=${element.getId()},data-name=${element.getName()}">
获取自定义属性值
下面我们演示如何使用Jquery在js文件中获取我们的自定义属性值.
首先我们需要将刚才的代码修改一下,将当前点击的按钮的this传递过去
<div th:attr="data-id=${element.getId()}" th:onclick="doVote(this)">
var userId = $(that).attr('data-id');
th:attr自定义多属性设置
thymeleaf可用通过th:attr设置自定义的属性，以便在前端应用到对应的属性值：
<ahref="#"th:attr="data-url=@{/manage/index},data-title=#{name}"></a>
在HTML5中添加了data-的方式来自定义属性，所谓data-实际上上就是data-前缀加上自定义的属性名，使用...
在HTML5中添加了data-的方式来自定义属性，所谓data-实际上上就是data-前缀加上自定义的属性名，使用...
定义和用法 **data- *** 属性用于存储私有页面后应用的自定义数据。**data- *** 属性可以在所...
data-*自定义属性语法 格式：data-* 1.自定义单个属性 2.自定义多个属性 获取自定义属性值 下面我们...
使用 data-* 属性来嵌入自定义数据：
HTML5增加了一项新功能是自定义数据属性，也就是data-*自定义属性。在HTML5中我们可以使用以data-为...
1. data-* data-* 属性是用于存储页面或应用程序的私有自定义数据，存储的数据能够被页面的JavaSc...
2018-05-15 创建 HTML5 data-* 自定义属性 HTML5中添加了data-的方式来自定义属性，...
html5属性规范 自定义属性data-开头 所有的自定义属性，必须以data-开头 img input可以不闭合...
data-* 属性是 HTML5 中的新属性。 定义和用法 （1）data-* 属性用于存储页面或应用程序的私有自...
本文标题：thymeleaf页面中使用data-*自定义属性
本文链接：https://www.haomeiwen.com/subject/qlapqltx.html
网友评论