基础jQuery 点击按钮让一个div显示和隐藏的问题 程序如下
<scripttype="text/javascript">$(document).ready(function(){});functionchangeDisplay()...
<script type="text/javascript">
$(document).ready(function(){ });
function changeDisplay(){
var helloDivObj = $("#addF");
var buttonObj = $("#addB");
var val = buttonObj.attr("value");
if(val=="Add Filter"){
helloDivObj.show();
buttonObj.attr("value","--");
}else{
helloDivObj.hide();
buttonObj.attr("value","Add Filter");
}
}
</script>
<div class="addBtn" >
<input type="button" value="Add Filter" onclick="changeDisplay()"id="addB"> </input>
<div class="addFilter" id="addF">
<table width="100%" cellspacing="0" cellpadding="0" class="listFormTable " >
</table>
</div>
</div>
为什么没有效果 展开
$(document).ready(function(){ });
function changeDisplay(){
var helloDivObj = $("#addF");
var buttonObj = $("#addB");
var val = buttonObj.attr("value");
if(val=="Add Filter"){
helloDivObj.show();
buttonObj.attr("value","--");
}else{
helloDivObj.hide();
buttonObj.attr("value","Add Filter");
}
}
</script>
<div class="addBtn" >
<input type="button" value="Add Filter" onclick="changeDisplay()"id="addB"> </input>
<div class="addFilter" id="addF">
<table width="100%" cellspacing="0" cellpadding="0" class="listFormTable " >
</table>
</div>
</div>
为什么没有效果 展开
3个回答
展开全部
可以显示的，只是你的 div 中没有东西，你看不到效果而已，在div 中 加上几个字符试下。
更多追问追答
追问
里边有东西 只是没粘贴上来而已
追答
刚刚测试了，我这里正常显示隐藏，我只增加了一行 包含 jquery.js 的代码，其余都没有改动。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<BODY>
<div class="addBtn" >
<input type="button" value="Add Filter" onclick="changeDisplay()"id="addB"> </input>
<div class="addFilter" id="addF" width="100px" height="100px" style="background-color:red;display:none">
显示
</div>
</div>
</BODY>
<script>
$(document).ready(function(){ });
function changeDisplay(){
var helloDivObj = $("#addF");
var buttonObj = $("#addB");
var val = buttonObj.attr("value");
if(val=="Add Filter"){
helloDivObj.show();
buttonObj.attr("value","--");
}else{
helloDivObj.hide();
buttonObj.attr("value","Add Filter");
}
}
</script>
测试ok 请给分!
<div class="addBtn" >
<input type="button" value="Add Filter" onclick="changeDisplay()"id="addB"> </input>
<div class="addFilter" id="addF" width="100px" height="100px" style="background-color:red;display:none">
显示
</div>
</div>
</BODY>
<script>
$(document).ready(function(){ });
function changeDisplay(){
var helloDivObj = $("#addF");
var buttonObj = $("#addB");
var val = buttonObj.attr("value");
if(val=="Add Filter"){
helloDivObj.show();
buttonObj.attr("value","--");
}else{
helloDivObj.hide();
buttonObj.attr("value","Add Filter");
}
}
</script>
测试ok 请给分!
更多追问追答
追问
我没看出你的程序跟我的有什么区别 为什么我的不行 还是有区别我没看出来？
追答
你的JS是正确的，但是你的样式有冲突。 看我修改的第二个div样式吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以这么写
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>word show!</p>
<button class="btn1">button</button>
</body>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>word show!</p>
<button class="btn1">button</button>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
