基础jQuery 点击按钮让一个div显示和隐藏的问题 程序如下
<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>
补充:为什么没有效果
追问:里边有东西 只是没粘贴上来而已我只增加了一行 包含 jquery.js 的代码 这个指的是什么 加了什么 还有啊 我的 id 只是在
<input type="button" value="Add Filter" onclick="changeDisplay()"id="addB"> </input>
<div class="addFilter" id="addF">
定义了 并没有在外部链接的css中定义 是这个问题么加了也不管用 为什么呀~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!我没看出你的程序跟我的有什么区别 为什么我的不行 还是有区别我没看出来?那个diaplay 我在 add_Filter 中加过 也不行 到底是为什么呀 郁闷
答案:可以显示的,只是你的 div 中没有东西,你看不到效果而已,在div 中 加上几个字符试下。
其他:<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 请给分! 可以这么写
<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>
上一个:div 一个图片覆盖在另一个图片上
下一个:怎么,动态改变Div里面的文字?<div><a>打开</a></div> <div><a>关闭</a></div> 来回切换。谢谢