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怎样禁止form表单提交数据

jQuery如何设置按钮灰色不可用

jQuery中$符号的作用是什么？

jQuery弃用的函数有哪些？

jQuery hasclass()怎么用

介绍js的四种类型检测方法及根据jQuery写的工具方法

jQuery addclass不起作用怎么办

jQuery设置disabled属性与移除disabled属性

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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