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

内容摘要
jQuery判断元素是否显示 是否隐藏的简单实现代码
var node=$('#id');
第一种写法


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

  node.show
文章正文

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


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!