jquery点击改变class并toggle的实现代码

时间：2021-05-26

jquery点击改变class并toggle的实现代码

<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://.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的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章