添加自定义属性以更好地分离 JavaScript 和 HTML
Adding a custom attribute for a better separation between JavaScript and HTML
使用 jQuery 和 backbone.js,我想尽可能地将 JavaScript 与 HTML 分开。
是否可以添加一个custom attribute
以更好地区分JavaScript和HTML?然后如何使用新的jQuery选择器?
例:
<input type="text" id="todo-input" class="todo-input" tid="tid-attribute" > hello world </input>
// The DOM events
// I would like to use another selector tid and not class or id
events: {
"keypress #todo-input" : "updateOnEnter" // I would like to use another selector tid not id,
"keypress .todo-input" : "updateOnEnter" // I would like to use another selector tid and not class
}
HTML5 允许以 data-
开头的自定义数据属性:
<input type="text" data-custom-attr="somevalue">
然后在您的主干事件声明中:
"keypress [data-custom-attr='somevalue']" : "updateOnEnter"
您可以使用:
$('input[type="text"]').attr('tid', 'tid-attribute');
或
$('input[type="text"]').attr('data-tid', 'tid-attribute');
相关文章:
- Javascript html每点击一次就会更改url
- 通过javascript/html访问twitter共享iframe
- 使用鼠标悬停JavaScript/HTML显示文本
- JavaScript-HTML表单到JSON(空值)和格式
- 使用javascript html实时预览文本区域输入
- 如何每秒从一个变量中提取一定次数的javascript/html
- 使用变量值作为'名称标识符'javascript/html
- JavaScript HTML Onclick
- 非侵入性Javascript HTML注入
- AppendChild Form / Table [Javascript/Html/PHP]
- 按钮don't使用onClick-Javascript HTML重定向
- 在库(javascript/HTML)中将“name”替换为“id”
- 如何确定使用 javascript/html 单击了哪个对象/图像
- 新的javascript HTML元素不遵循css规则
- JavaScript/HTML 错误的解决方案
- 从图像URL javascript html保存图像文件
- javascript html使用webstorage保存表单
- Javascript+HTML中的日期选择器准备好了吗?(需要:DD、MM、YY的单独字段加上日历选择器)
- 谷歌地图/融合表Javascript HTML赢得't显示/可视化所有多边形数据(通过色标)
- JavaScript/HTML命令行小部件