jquery元素不可见的实现方法

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

jquery元素不可见的实现方法：1、使用hide方法隐藏被选元素，语法如“$("p").hide();”；2、使用toggle方法元素隐藏，语法如“$("p").toggle();”。

本教程操作环境：windows7系统、jquery1.10.0版本，Dell G3电脑，该方法适用于所有品牌电脑。

推荐：jquery视频教程

jquery让元素不可见（隐藏）

使用jquery控制元素的隐藏，一句话就能搞定，例如：

1、使用hide()

hide() 方法隐藏被选元素。

提示：这与 CSS 属性 display:none 类似。

注释：隐藏的元素不会被完全显示（不再影响页面的布局）。

如需显示隐藏的元素，就使用 show() 方法。

示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$(".btn1").click(function(){

$("p").hide();

});

$(".btn2").click(function(){

$("p").show();

});

});

</script>

</head>

<body>

<p>这是一个段落。</p>

<button class="btn1">隐藏</button>

<button class="btn2">显示</button>

</body>

</html>

方法2：使用toggle()

toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。

该方法检查被选元素的可见状态。如果一个元素是隐藏的，则运行 show()，如果一个元素是可见的，则运行 hide() - 这会造成一种切换的效果。

注释：隐藏的元素不会被完全显示（不再影响页面的布局）。

提示：该方法可被用于自定义函数之间的切换。

示例：

阅读剩余部分

相关阅读 >>

jQuery判断是否为数字的方法

jQuery 元素不可用怎么设置

jQuery怎么增加css属性

jQuery中prop什么意思

jQuery怎么删除css某个style

jQuery怎样才能快速滚动到页面顶部

jQuery、ajax、json三者之间的关系

jQuery的选择器有几种

jQuery如何删除元素

innerhtml与jQuery里html()的区别是什么

更多相关阅读请进入《jQuery》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...