jquery 怎样控制多个div

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

10年积累的网站制作、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有徐汇免费网站建设让你可以放心的选择与我们合作。

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

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);

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() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

jquery操作div

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

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

})

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

var target = $(e.target);

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

})

jquery怎么设置div高度

1、新建html文件

2、创建div元素和按钮

3、引入jquery.js

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

5、预览效果如图

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

当前文章：jquery控制div,jquery控制display
分享地址：http://scyanting.com/article/dsippci.html