例 1.4(toggleClass.html) <html> <head> <title>toggleClass()方法</title> <style type="text/css"> <!-- .qieClass{ background-color:#00FF00; } --> </style> <script language="javascript" src="jquery.js"></script> <script language="javascript"> $(function(){ //当点击<P>标签时触发事件 $("p").click(function(){ //this表标jquery对象$("p") //点击的时候不断切换,当有qieClass样式时就去掉样式,否则添加样式 。 /*通过下面的方法可以回到传统的模式*/ alert(this.firstChild.nodeValue); $(this).toggleClass("qieClass"); }); }); </script> </head> <body> <p>点击这里</p> <p>点击这里2</p> </body> </html>
更多请见:https://blog.csdn.net/qq_44594371/article/details/103061992
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。