jQuery技术

JQuery 学习:选择表格中的一行高亮

字号+ 作者:H5之家 来源:H5之家 2017-05-18 08:04 我要评论( )

JQuery 学习:选择表格中的一行高亮

简明现代魔法 -> JQuery -> JQuery 学习:选择表格中的一行高亮

JQuery 学习:选择表格中的一行高亮

2010-05-05

效果演示

单击表格中的一行,该行的背景会变成黄色。再点一下,它就切换回正常形式。

姓名 QQ Email

Gonn 252211974 gonnsai@163.com

Gonn 252211974 gonnsai@163.com

Gonn 252211974 gonnsai@163.com

Gonn 252211974 gonnsai@163.com

Gonn 252211974 gonnsai@163.com

Gonn 252211974 gonnsai@163.com

JQuery Code

<style> td { padding:3px 11px; border-bottom:1px solid #95bce2; vertical-align:top; text-align:center; } .click{ background:yellow; } </style> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".stripe tr").click(function(){ jQuery(this).toggleClass("click"); }) }); </script>

jQuery toggleClass(String class) 函数的作用是,如果存在(不存在)就删除(添加)一个类。所以使用这个函数可以很方便地实现本例中高亮与取消高亮的效果。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery源码学习(版本1.11)

    jQuery源码学习(版本1.11)

    2017-05-18 09:00

  • jQuery源码学习笔记(1) 自运行匿名函数

    jQuery源码学习笔记(1) 自运行匿名函数

    2017-05-17 12:03

  • jQuery Ajax 学习(转)

    jQuery Ajax 学习(转)

    2017-05-17 12:02

  • jQuery学习笔记三

    jQuery学习笔记三

    2017-05-17 09:00

网友点评
o