jquery如何判断元素是否隐藏-tutorial js-php.cn

jquery如何判断元素是否隐藏

coldplay.xixi

Lepaskan： 2020-11-30 17:06:17

asal

1850 人浏览过

jquery判断元素是否隐藏的方法：1、使用CSS属性，代码为【var display =$('#id').css('display')】；2、使用jQuery判断对象是否显示语法，代码为【$(".test").css("display】。

jquery如何判断元素是否隐藏

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

jquery判断元素是否隐藏的方法：

1、使用CSS属性

var display =$('#id').css('display');
if(display == 'none'){
   alert("none为隐藏");
}

Salin selepas log masuk

2、jQuery判断元素

var node=$('#id');

Salin selepas log masuk

第一种写法

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏
　　node.show();　
}else{
　　node.hide();
}

Salin selepas log masuk

第二种写法

if(node.is(':visible')){　　//如果node是显示的则隐藏node元素，否则显示
　　node.hide();
}else{
　　node.show();
}

Salin selepas log masuk

3、jQuery判断对象是否显示语法

$(".test").css("display") 
$(".test").is(":visible") 
$(".test").is(":hidden") 
$(element).is(":visible") // 返回值 display:[none|block], hidden和visible:[true|false]

Salin selepas log masuk

相关免费学习推荐：JavaScript（视频）

以上是jquery如何判断元素是否隐藏的详细内容。更多信息请关注PHP中文网其他相关文章！

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

jquery如何判断元素是否隐藏