Rumah > hujung hadapan web > tutorial js > jquery如何判断元素是否隐藏

jquery如何判断元素是否隐藏

coldplay.xixi
Lepaskan: 2020-11-30 17:06:17
asal
2114 orang telah melayarinya

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(视频)

Atas ialah kandungan terperinci jquery如何判断元素是否隐藏. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan