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