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

jquery如何判断元素是否隐藏

coldplay.xixi
coldplay.xixiasal
2020-11-19 14:01:552108semak imbas

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为隐藏");
}

2、jQuery判断元素

var node=$('#id');

第一种写法

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

第二种写法

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

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

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

相关免费学习推荐:JavaScript(视频)

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

Kenyataan:
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