jquery 怎樣控制多個(gè)div

input type="button" value="DIV-1" onclick="showDivs('div1')"/

10年積累的網(wǎng)站制作、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有徐匯免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

input type="button" value="DIV-2" onclick="showDivs('div2')"/

input type="button" value="DIV-3" onclick="showDivs('div3')"/

input type="button" value="DIV-4" onclick="showDivs('div4')"/

hr/

!--div初始狀態(tài)：全部隱藏--

div id="div1" style="border: solid 1px #253A41;width: 200px;height:200px;background: #EEEEEE;display: none;"111111111111/div

div id="div2" style="border: solid 1px #66CC00;width: 200px;height:200px;background: #F4E0E0;display: none;"222222222222/div

div id="div3" style="border: solid 1px #6BB8FF;width: 200px;height:200px;background: #AFDAFF;display: none;"333333333333/div

div id="div4" style="border: solid 1px #7B0000;width: 200px;height:200px;background: #D2E7FA;display: none;"444444444444/div

script type="text/javascript"

function showDivs(divID){//根據(jù)傳入的div的id顯示

var divs=["div1","div2","div3","div4"];

for (var i=0;i4;i++){

if(divs[i]!=divID){

$("#"+divs[i]).hide();

}

}

$("#"+divID).show();

}

/script

jquery怎么實(shí)現(xiàn)點(diǎn)擊兩個(gè)按鈕控制兩個(gè)div的顯示和隱藏

首先，jquery顯示隱藏div是用的show()、hide()方法。

$("div").show();//顯示

$("div").hide();//隱藏

然后，你這明顯是用百度地圖開(kāi)發(fā)，百度地圖開(kāi)發(fā)切換城市重新設(shè)置中心點(diǎn)就行了

var?map?=?new?BMap.Map("container");

map.centerAndZoom(new?BMap.Point(116.404,?39.915),?11);

jquery怎么實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕控制一個(gè)div的顯示和隱藏

html代碼 畫(huà)個(gè)div和button

div?class="abc"?style="display:none"/div

input?type="button"?class="but"?/

js代碼

script

$(document).ready(function(e)?{//DOM加載完成后執(zhí)行方法

$(".but").click(function(e)?{//點(diǎn)擊事件

$(".abc").toggle();//div元素如果是隱藏就會(huì)顯示，反之顯示就會(huì)隱藏

});

});

/script

注：jquery的toggle() 方法的作用就是當(dāng)對(duì)象是顯示的就隱藏，當(dāng)是隱藏的則顯示。

jquery操作div

$(document).click(function(e) {

//判斷點(diǎn)擊的target是否是彈出框 如果不是就隱藏彈出框

})

$('隱藏的div').click(function(e) {

var target = $(e.target);

$(input).val(target.html());....

})

jquery怎么設(shè)置div高度

1、新建html文件

2、創(chuàng)建div元素和按鈕

3、引入jquery.js

4、js創(chuàng)建“height() 方法設(shè)置div元素的高度”的代碼

5、預(yù)覽效果如圖

6、點(diǎn)擊按鈕，div元素的高度發(fā)生改變，預(yù)覽效果如圖

網(wǎng)頁(yè)題目：jquery控制div,jquery控制display
網(wǎng)站鏈接：http://chinadenli.net/article25/dsippci.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站營(yíng)銷、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、自適應(yīng)網(wǎng)站、軟件開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)