前端使用JS和JQuery显示隐藏标签

JavaScript022

前端使用JS和JQuery显示隐藏标签,第1张

一.使用JQuery使用

二.jquery判断元素是否隐藏

三.使用JS隐藏和显示

a.隐藏后释放占用的页面空间

通过设置display属性可以使div隐藏后释放占用的页面空间.

style="display: none"

b.隐藏后仍占有页面空间，显示空白

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白.

style="visibility: none"

如果要让a标签隐藏可以通过如下方式：<aid="anchor"href="#"style="display:none">锚点连接</a>如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。<SCRIPTLANGUAGE="JavaScript">functionhide(){ document.getElementById("anchor").style.display="none"}functionshow(){ document.getElementById("anchor").style.display="block"}</SCRIPT>‍JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。在HTML中标签<a></a>或者大写字母A。其中的a（或者A）是anchor的缩写。anchor['æŋkə]基本解释是.：锚,铁锚的，网页当中的所有连接跳转基本上都是通过a标签来实现的。在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。