web前端:原生js判断元素是否隐藏,jq判断元素是否隐藏【转】

    作者:小猿笔记更新于: 2020-05-12 15:14:18

    Web开发

      Javascript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发

      一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。

      一.原生js判断元素是否隐藏

      1.通过offsetParent判断,使用这种方法来判断当前元素是否被隐藏,包括通过设置父元素为display:none以及自己本身为none的情况。但是如果是通过设置visibility:hidden则无法检测出。

      functionisHidden(el){

      returnel.offsetParent===null;

      }

      2.通过getComputedStyle方式判断getComputedStyle使用参考

      functionisHidden(el){

      varstyle=window.getComputedStyle(el);

      return(style.display==='none')

      }

      3.更简单的方式el.style.display

      functionisHidden(el){

      return(el.style.display==='none')

      }

      二.jq判断元素是否隐藏

      1.通过.css()方法来判断,display来判断

      functionisHidden($el){

      return$el.css('display')==='none';

      }

      2.通过jq的伪类:hidden/:visible来判断

      functionisHidden($el){

      return$el.is(':hidden');

      }

      functionisHidden($el){

      return!$el.is(':visible')

      }

      javascript提供了丰富的运算功能,包括算术运算、关系运算、逻辑运算和连接运算。

      javascript中的算术运算符有单目运算符和双目运算符。双目运算符包括:+(加)、-(减)、*(乘)、/(除)、%(取模)、|(按位或)、&(按位与)、<<(左移)、>>(右移)等。单目运算符有:-(取反)、~(取补)、++(递加1)--(递减1)等。

      JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而且由于每次重新加载都会重新解译,加载后,有些代码会延迟至运行时才解译,甚至会多次解译,所以速度较慢。

      与其相对应的是编译语言,例如java。Java的源代码在传递到客户端运行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。但是它必须在服务器端进行编译,这样就拖延了时间。但因为已经封装,所以能保证安全性。

课课家教育

未登录