Home >Web Front-end >JS Tutorial >jQuery判断元素是否显示 是否隐藏的简单实现代码_jquery

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

WBOY
WBOYOriginal
2016-05-23 13:15:461072browse

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判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn