$(function(){
$("a.tooltip").mouseover(function(e){
var tooltip = "<div id='tooltip'>"+ this.title +"<\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#tooltip")
.css({
"top": e.pageY + "px",
"left": e.pageX + "px"
}).show("fast"); //设置x坐标和y坐标,并且显示
}).mouseout(function(){
$("#tooltip").remove(); //移除
});
});
这是锋利的jquery里面的例子,但是不明白function(e)中的e是什么意思,e.pageY是什么意思;还有创建节点为什么不加$啊?$("<div id='tooltip'>"+ this.title +"<\/div>")才对啊
$("a.tooltip").mouseover(function(e){
var tooltip = "<div id='tooltip'>"+ this.title +"<\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#tooltip")
.css({
"top": e.pageY + "px",
"left": e.pageX + "px"
}).show("fast"); //设置x坐标和y坐标,并且显示
}).mouseout(function(){
$("#tooltip").remove(); //移除
});
});
这是锋利的jquery里面的例子,但是不明白function(e)中的e是什么意思,e.pageY是什么意思;还有创建节点为什么不加$啊?$("<div id='tooltip'>"+ this.title +"<\/div>")才对啊
http://www.w3school.com.cn/htmldom/dom_obj_event.asp
append(content)
content
String, Element, jQuery
要追加到目标中的内容
求教大侠,var tooltip = "<div id='tooltip'>"+ this.title +"<\/div>"中id='tooltip'怎么是单引号,html中不是双引号吗?
e.pageX,是鼠标相对于浏览器左边缘的位置,
$().appendTop();
时需要加$();
如果是$().append();就不需要$()。
$()其实代表的是jquery对象,而不是简单的说加个$()。
jquery对象与普通的dom对象是有区别的,
终究以上,我认为有空你还是得看看javascript高级程序设计第三版。
这里边提到的事件,或对象,以及如何取得鼠标在浏览中的位置,通过此书都能找到答案。