jquery控制div,jquery控制display

jquery 怎样控制多个div

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

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初始状态：全部隐藏--

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){//根据传入的div的id显示

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

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

if(divs[i]!=divID){

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

}

}

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

}

/script

相关问答

Q1: jquery怎么实现点击两个按钮控制两个div的显示和隐藏

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

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

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

然后，你这明显是用百度地图开发，百度地图开发切换城市重新设置中心点就行了

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

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

Q2: jquery怎么实现点击一个按钮控制一个div的显示和隐藏

html代码 画个div和button

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

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

js代码

script

$(document).ready(function(e) {//DOM加载完成后执行方法

    $(".but").click(function(e) {//点击事件

        $(".abc").toggle();//div元素如果是隐藏就会显示，反之显示就会隐藏

    });

});

/script

注：jquery的toggle() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

Q3: jquery操作div

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

//判断点击的target是否是弹出框 如果不是就隐藏弹出框

})

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

var target = $(e.target);

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

})

Q4: jquery怎么设置div高度

1、新建html文件

2、创建div元素和按钮

3、引入jquery.js

4、js创建“height() 方法设置div元素的高度”的代码

5、预览效果如图

6、点击按钮，div元素的高度发生改变，预览效果如图