web前端,jquery实现列表点击条目改变样式并拿到属性值总结3data-*
2015-10-03 08:53
1201 查看
<!DOCTYPE html> <!--web前端,jquery实现列表点击条目改变样式并拿到属性值总结3data-* --> <!--使用 data-* 属性来嵌入自定义数据:--> <!--参考http://www.w3school.com.cn/tags/att_global_data.asp--> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-2.1.4.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ alert( $("p").attr("data-var")); }) }) </script> </head> <body> <p data-var="段落0">我的段落0</p> <button>获取属性值</button> </body> </html>
相关文章推荐
- web前端,jquery实现列表点击条目改变样式并拿到属性值总结2attr()
- web前端,jquery实现列表点击条目改变样式并拿到属性值总结1index()
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery的delegate()与proxy()方法
- jQuery 源码callbacks
- jquery td 点击改变颜色
- jQuery 缺点
- jquery 获取元素内容和值
- jQuery 事件的命名空间
- 用jquery实现全选功能
- 用jquery实现全选/全部选功能(jquery-1.9.x 版本以上),使用 prop 属性
- jquery于form正在使用submit问题,未解决
- jQuery获取页面及个元素高度、宽度
- Jquery中Ajax的几种用法
- jquery常用选择器(下)
- jquery mobile手机自适应问题
- Jquery Validate高级定制: 传入正则表达式,传入错误消息
- JQuery的Ajax()向后台传参方式
- jquery鼠标悬停和离开事件(可用于下拉菜单等)
- jQuery网页右侧广告跟随滚动代码分享