使用jQuery控制网页＜a＞标签的跳转

有时候会需要在同一个<a>标签根据某些条件跳转到不同的界面

例如 不同用户身份操作不同界面时，老师和学生在同一个界面点击同一个链接跳转到不同的界面。

点击<a>标签链接后在jQuery中进行判断后在跳转。

不同方式的显示效果不同

四种方式：

​​​​​​​HTML

<a id="aLink">方式1</a>
<a href="javascript:jump()">方式2</a>
<a onclick="jump()">方式3</a>
<a href="javascript:void(0);" onclick="jump">方式4</a>

JavaScript

<script src="js/jquery.min.js"></script>
<script> 
       /*方式1*/
$("#aLink").click(function() {

if(user="student")
	window.location.href="student.html";
else
    window.location.href="teacher.html";

})

/*方式2、3、4*/
 function jump(){

if(user="student")
    window.location.href="student.html";
else
    window.location.href="teacher.html";

		};
    </script>