欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法

 更新時(shí)間：2015年12月11日 09:07:46   作者：cag2050  
這篇文章主要介紹了jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法的相關(guān)資料,需要的朋友可以參考下

我滴古老風(fēng)格，廢話不多說，貼代碼了。

<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">
//參數(shù)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">點(diǎn)擊此處顯示或隱藏上面部分并更換自己的樣式(包括背景圖、字體等）</p>
</body>
</html>

jQuery toggleClass() 方法

實(shí)例

對(duì)添加和移除所有 <p> 元素的 "main" 類進(jìn)行切換：

$("button").click(function(){
$("p").toggleClass("main");
});

定義和用法

toggleClass() 方法對(duì)添加和移除被選元素的一個(gè)或多個(gè)類進(jìn)行切換。

該方法檢查每個(gè)元素中指定的類。如果不存在則添加類，如果已設(shè)置則刪除之。這就是所謂的切換效果。

然而，通過使用 "switch" 參數(shù)，您能夠規(guī)定只刪除或只添加類。

語法

$(selector).toggleClass(classname,function(index,currentclass),switch)

相關(guān)文章

最新評(píng)論