jquery點擊改變class并toggle的實現(xiàn)代碼
更新時間：2016年05月15日 10:06:57 投稿：jingxian
下面小編就為大家?guī)硪黄猨query點擊改變class并toggle的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
jquery點擊改變class并toggle的實現(xiàn)代碼
<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">點擊此處顯示或隱藏上面部分并更換自己的樣式(包括背景圖、字體等）</p>
</body>
</html>
以上這篇jquery點擊改變class并toggle的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery自定義插件開發(fā)之window的實現(xiàn)過程
這篇文章主要介紹了jquery自定義插件開發(fā)之window的實現(xiàn)過程的相關(guān)資料,需要的朋友可以參考下2016-05-05
自定義刻度jq進度條可以自定義進度條刻度圓點數(shù)量，大小等相關(guān)屬性，可以通過css控制圓點的外觀樣式，通過progressdots插件自定義刻度動畫，使用該插件還需引入jquery，jquery.progressdots.js和jquery.progressdots.css文件。需要的朋友一起學(xué)習(xí)吧2015-09-09
JQuery 是一款快速、易于使用的 JavaScript 框架。芒果介紹幾個實用的 JQuery 技巧和竅門。2010-04-04
這篇文章主要介紹了jQuery焦點控制圖層展示延遲隱藏的方法,實例分析了jQuery操作圖層的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了，基于jquery中children()與find()的區(qū)別，需要的朋友參考下2013-04-04
這篇文章主要介紹了jQuery中prop()方法用法,以實例形式較為詳細的分析了prop()方法的功能、定義及獲取或者設(shè)置匹配元素屬性值的各種常見使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了json格式的javascript對象用法,結(jié)合實例形式總結(jié)分析了javascript針對json格式數(shù)據(jù)操作的常見技巧,需要的朋友可以參考下2016-07-07
本文給大家介紹jquery mobile彈出窗、彈出層知識匯總，涉及到j(luò)query mobile彈出相關(guān)知識，本文寫的非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-01-01
這篇文章主要介紹了使用jquery菜單插件HoverTree仿京東無限級菜單,需要的朋友可以參考下2014-12-12
這篇文章主要幫助大家快速理解jQuery瀏覽器窗口、網(wǎng)頁文檔及可視窗口的各種高度,需要的朋友可以參考下2014-07-07