欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-21 18:27:16
jquery用的久了,自然他的各种用法也要了然于胸,有的时候我们有这样的一个需求:判断是否一个元素是隐藏的,如果不是隐藏的我们可以把他隐藏,是隐藏的我们可以把他显示出来。javaweb技术分享有的时候...

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

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

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

javaweb技术分享

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

利用jquery的:visible选择器

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

另外一种写法

$(‘element:visible’)

利用jquery的:hidden选择器

$(‘element:hidden’)

利用元素的display属性

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

利用css的visibility

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

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

javaweb技术分享

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