ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery判断元素是否显示 是否隐藏的简单实现代码_jquery

jQuery判断元素是否显示 是否隐藏的简单实现代码_jquery

WBOY
WBOYオリジナル
2016-05-23 13:15:461000ブラウズ

jQuery判断元素是否显示 是否隐藏的简单实现代码

var node=$('#id');

第一种写法

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

  node.show(); 

}else{

  node.hide();

}

第二种写法

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

  node.show(); 

}else{

  node.hide();

}

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

  node.hide();

}else{

  node.show();

}

以上这篇jQuery判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。