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 的使用方法,毕竟后续与这个项目接触的还是挺多的(虽然内心是拒绝的) !!!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注