hasClass() 是否存在某个class
hide() 隐藏对象
show() 显示对象
removeClass() 移除一个class
addClass() 添加一个class
除此,还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。
<
div
class
=
"abc"
style
=
"display:none"
></
div
>
<
input
type
=
"button"
class
=
"but"
/>
最简单办法;toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。
<script>
$(document).ready(
function
(e) {
$(
".but"
).click(
function
(e) {
$(
".abc"
).toggle();
});
});
</script>
如果你除了显示和隐藏之外还需要同时实现其他功能的话,可以这样:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<script>
$(document).ready(
function
(e) {
$(
".but"
).click(
function
(e) {
if
( $(
".abc"
).hasClass(
"show"
) ){
// 执行隐藏
$(
".abc"
).hide().removeClass(
"show"
);
// 其他
}
else
{
// 显示
$(
".abc"
).show().addClass(
"show"
);
}
});
});
</script>
|