jq参数以及e.target
2015-12-06 23:27
260 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
方法一:
<a href="javascript:void(0);" onclick="show(tips1,this);">qq</a>
<a href="javascript:void(0);" onclick="show(tips2,this);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(tips,obj){alert(tips);}
</script>
方法二:
<a href="javascript:void(0);" onclick="show(1);">qq</a>
<a href="javascript:void(0);" onclick="show(2);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(obj){
if(obj==1){
alert(tips1);
}else{
alert(tips2);
}
}
</script>
方法三:
<div class="test">
<a href="javascript:void(0);">qq</a>
<a href="javascript:void(0);">phone</a>
</div>
<script>
var tips1="我的qq";
var tips2="我的手机"
$(".test a").click(function(e){
var e=$(e.target);
if(e.text()=='qq'){
alert(tips1);
}else{
alert(tips2);
}
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
方法一:
<a href="javascript:void(0);" onclick="show(tips1,this);">qq</a>
<a href="javascript:void(0);" onclick="show(tips2,this);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(tips,obj){alert(tips);}
</script>
方法二:
<a href="javascript:void(0);" onclick="show(1);">qq</a>
<a href="javascript:void(0);" onclick="show(2);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(obj){
if(obj==1){
alert(tips1);
}else{
alert(tips2);
}
}
</script>
方法三:
<div class="test">
<a href="javascript:void(0);">qq</a>
<a href="javascript:void(0);">phone</a>
</div>
<script>
var tips1="我的qq";
var tips2="我的手机"
$(".test a").click(function(e){
var e=$(e.target);
if(e.text()=='qq'){
alert(tips1);
}else{
alert(tips2);
}
});
</script>
</body>
</html>
相关文章推荐
- java基本常识
- Jenkins学习之——(3)将项目发送到tomcat
- 12.06 JavaScript
- 面向对象
- Java 通过JDBC连接Mysql数据库的方法和实例【图文说明】
- Date
- Book Review of “The practice of programming” (Ⅲ)
- Eclipse上安装GIT插件EGit
- STM32F407之I2C总线(一)
- C如何通过被调函数修改主调函数普通变量的值
- css 入门基础知识
- Emacs笔记
- String
- async/await
- 项目冲刺-第二天
- 基本类型与其包装类
- php安装memcache和memcached扩展
- Android学习之路-Fragment之二
- 【郝斌数据结构自学笔记】49-52_递归的定义和不同函数之间相互调程序举例_一个函数自己调自己程序举例
- selenium python (十五)控制滚动条操作