新手求解 请高手帮我解释下代码含义!
时间:2010-03-17
来源:互联网
<script type="text/javascript">
//<![CDATA[
$(function(){ //这里为什么是这样写的呢,表明在什么情况下执行函数啊?
var x = 10;
var y = 20;
$("a.tooltip").mouseover(function(e){ //e这个参数代表什么啊 不理解?
this.myTitle = this.title;
this.title = "";
var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
var tooltip = "<div id='tooltip'><img src='"+ this.href +"' alt='产品预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
}).show("fast"); //设置x坐标和y坐标,并且显示
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove(); //移除
}).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
});
});
})
//]]>
</script>
//<![CDATA[
$(function(){ //这里为什么是这样写的呢,表明在什么情况下执行函数啊?
var x = 10;
var y = 20;
$("a.tooltip").mouseover(function(e){ //e这个参数代表什么啊 不理解?
this.myTitle = this.title;
this.title = "";
var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
var tooltip = "<div id='tooltip'><img src='"+ this.href +"' alt='产品预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
}).show("fast"); //设置x坐标和y坐标,并且显示
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove(); //移除
}).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
});
});
})
//]]>
</script>
作者: xiaoming4494 发布时间: 2010-03-17
为什么就不好好看文档呢???
首先:
$(function(){})这个东西, 这个在手册的jquery核心函数里,说的很清楚的额:这个东西就是$(document).ready()的简写。
------------------------------
其次:function(e){}
e当然指的就是事件本身啊,比如你是$('#test').click(function(e){});
这里的e就是指的这个click事件,这个貌似是js基础
首先:
$(function(){})这个东西, 这个在手册的jquery核心函数里,说的很清楚的额:这个东西就是$(document).ready()的简写。
------------------------------
其次:function(e){}
e当然指的就是事件本身啊,比如你是$('#test').click(function(e){});
这里的e就是指的这个click事件,这个貌似是js基础
作者: ywqbestever 发布时间: 2010-03-17
再问一下e这个参数 不能用this代替吗?
作者: xiaoming4494 发布时间: 2010-03-18
不可以,你那里的this是dom对象,你alert看看就知道了
作者: ywqbestever 发布时间: 2010-03-18
ywqbestever 你是个热心的好人!!!
作者: wudao2006 发布时间: 2010-04-14
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28