jquery基础知识(jq控制div显示隐藏实现)

80酷酷网    80kuku.com

jQuery用的久了,自然他的各种用法也要了然于胸,有的时候我们有这样的一个需求:

判断是否一个元素是隐藏的,如果不是隐藏的我们可以把他隐藏,是隐藏的我们可以把他显示出来。

jquery基础知识(jq控制div显示隐藏实现)(图1)

Javaweb技术分享

有的时候,就是这样一个小小的需求。然而你不去了解,有的时候程序员们也会扎耳挠腮,好在我今天也是给大家总结了一下关于jQuery检查元素是否隐藏的办法:

利用jQuery的:visible选择器

$(element).is(“:visible”);

另外一种写法

$(‘element:visible’)

利用jQuery的:hidden选择器

$(‘element:hidden’)

利用元素的display属性

$(element).css(‘display’) == ‘none’

利用css的visibility

$(this).css(“visibility”) == “hidden”

jquery基础知识(jq控制div显示隐藏实现)(图2)

Javaweb技术分享

最后没有了。如果大家觉得好,点个赞留个言什么的。小编每天也是很辛苦的为大家带来干货。

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: