jquery當中toggleClass的用法
例 1.4(toggleClass.html)
馬克- to-win:馬克 java社區(qū):防盜版實名手機尾號: 73203。
<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>標簽時觸發(fā)事件
$("p").click(function(){
//this表標jquery對象$("p")
//點擊的時候不斷切換,當有qieClass樣式時就去掉樣式,否則添加樣式
。
/*通過下面的方法可以回到傳統(tǒng)的模式*/
alert(this.firstChild.nodeValue);
$(this).toggleClass("qieClass");
});
});
</script>
</head>
<body>
<p>點擊這里</p>
<p>點擊這里2</p>
</body>
</html>