jquery當中toggleClass的用法
阿新 • • 發佈:2021-12-25
jquery當中toggleClass的用法
例 1.4(toggleClass.html)
<html>
<head>
<title>toggleClass()方法</title>
<style type="text/css">
<!--
.qieClass{undefined
background-color:#00FF00;
}
-->
</style>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){undefined
//當點選<P>標籤時觸發事件
$("p").click(function(){undefined
//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