jQuery判断自定义属性数据值用法示例

本文实例讲述了框架判断自定义属性数据值用法。分享给大家供大家参考，具体如下：

框架判断自定义属性数据值

1.css。活动{ color:红色；}2.html

礼券列表数据-val='1'1/li li数据-val='2'2/li li数据-val='3'3/li li数据-val='4'4/li li数据-val='5'5/li/ul3.js

//方法1 $(function(){ $(' ul Li[data-val=' 1 ']').addClass('active ').兄弟姐妹()。移除CLaSS(' active ')})；//方法2美元。每个（函数(){ if($(this)).attr('data-val')=='1') { $(this).addClass('active ').兄弟姐妹()。移除CLaSS(' active ')；}})效果：

测试示例：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title无标题文档/title样式。活动{ color :红色；}/style/head dyscript src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js/脚本ul Li数据-val='1'1/li li数据-val='2'2/li li数据-val='3'3/li li数据-val='4'4/li li数据-val=' 5 ' 5/Li/ulscript $(function(){ $(' ul Li[data-val=' 1 addclass(' active ')))).兄弟姐妹()。移除CLaSS(' active ')})；/脚本/正文/html感兴趣的朋友可以使用本站在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。