文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>技术备忘录(jQuery 网页元素存在判断 动态移动网页元素位置)

技术备忘录(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();

 

排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载