JQuery 使用技巧（一）：判断元素是否显示与隐藏

最近要做一些关于 SSM 项目的需求，项目是前后端不分离的，从去年上半年学习了 Vue 2 之后现在也一直再使用 VUE，近期才刚入手 VUE 3，确实变化还是挺多的，还需要慢慢的花时间去整理与沉淀。

刚接手项目的前端使用的是 JQuery，好久不写 JQuery 现在写起来还是有 VUE 的思想；习惯了之后发现 JQuery 也还是挺有乐趣的，当然肯定不如 VUE 香呀！！！

目前整理的主要要两种方式，其实都是 is() 函数的使用：

• 第一种方式

var element=$('#id');

if(element.is(':hidden')){　　//如果 element 是隐藏的则显示 element 元素，否则隐藏
　　element.show();　// 用的是 JQuery 提供的语法
}else{
　　element.hide(); // 用的是 JQuery 提供的语法
}

• 第二种方式：

var element=$('#id');

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

后续如果发现其他方式了在进行补充！！！

趁现在使用 JQuery，后续还会补充一些 JQuery 的使用方法，毕竟后续与这个项目接触的还是挺多的（虽然内心是拒绝的） ！！！

个人博客：Roc’s Blog