jquery点击改变class并toggle的实现代码
<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <style> .bg1 { background-image:url(images/21.jpg); background-repeat:no-repeat; color:#0CF; } .bg2 { background-image:url(images/22.jpg); background-repeat:no-repeat; color:#F00; } </style> <script type="text/javascript"> //参数para1:希望隐藏元素的id值 function toggle1(para1){ if ($("#p2").attr("class")=="bg1") { $("#p2").attr("class","bg2"); } else { $("#p2").attr("class","bg1"); } $("#"+para1).toggle(); } </script> </head> <body> <p id="p1">此处将显示或隐藏</p> <p id="p2" class="bg1" onClick="toggle1('p1')" style="height:31px">点击此处显示或隐藏上面部分并更换自己的样式(包括背景图、字体等)</p> </body> </html>
以上这篇jquery点击改变class并toggle的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
网友评论文明上网理性发言 已有0人参与
发表评论: