显示/隐藏标签

来源：互联网发布：笔记本触摸屏关闭软件编辑：程序博客网时间：2024/05/29 18:09

点击按钮，显示/隐藏标签：

使用onclick()方法，同时将参数传递过去。注意$符号的使用。一定要把jquery.js的引用放在最前面哦！

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>显示隐藏标签</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
function popDIV(id){
if("none"==$("#"+id).css("display"))
{
$("#"+id).show();
}
else
{
$("#"+id).hide();
}
}

</script>

</head>
<body>
<div id="div1" >这是被隐藏的一句话</div>
<br/>
<a onclick="popDIV('div1');" style="cursor:pointer;">点击</a>

</body>

</html>

出现的问题：$ is not defined

因为没有定义，加上<script type="text/javascript" src="js/jquery.js"></script>即可

0 0