技术备忘录(jQuery 网页元素存在判断 动态移动网页元素位置)
时间:2010-10-05 来源:安羽.
jQuery判断对象是否存在
使用$()包裹的永远是对象,即使是网页上没有此元素。
应该根据获取元素的长度来判断:
if($("#id").length>0){
//如果存在do something
}
或者转化为DOM对象来判断:
if($("#id")[0]){
//如果存在do someting
}
如果想要div在移动到指定的坐标位置需要设置div的style的position为absolute时,指定才有效。
//网页元素
<span>这儿有张<a href='#' id='aimg'>图片</a></span>
$("#aimg").mousemove(function(e) {
var $img2 = null;
if ($("body [id='img2']").length == 0) {
$img2 = $("<div id='img2' style='position:absolute;border:solid 1px #7da2ce'><img src='Int.png' alt='小图' /></div>");
$("body").append($img2);
}
else {
$img2 = $("#img2");
}
$img2.css({ "left": e.pageX + 10 + "px", "top": e.pageY + 10 + "px" }).show();
相关阅读 更多 +