jquery中不同浏览器的一些区别

最近在用jquery写项目时遇到的一些问题

1.jquery的版本问题

在我们进行属性赋值时

如$("#..").attr("check","true");    此处好像是在jquery版本1.6以下支持 ,火狐时只有第一次选中时好用,后面就不好用了

   $("#..").prop("check","true");   jquery版本1.6+ 用这个prop


2.在鼠标移上,移走,移动时的事件控制 onmouseover(), onmouseout(),onmousemove(event)

火狐与IE浏览器的兼容问题   火狐下无event.x event.y 事件  IE有
火狐下是event.pageX  event.pageY  火狐下有无window.event  只有IE下才有

火狐可以由参数的形式传进来 (event)


下面两个都是鼠标事件

(1).javascript操作    适合通过传参操作 ,比如在一个列表循环添加鼠标事件

function moveImg(evt){
    var myevent = evt?evt:(window.event?window.event:null)

    var  myX = myevent.x ? myevent.x : myevent.pageX;
    var myY = myevent.y ? myevent.y:myevent.pageY;
    $("#tip2").css({
        "top": (myY -100) + "px",
        "left": (myX+30 ) + "px"
    });
}

(2) jQuery 操作  适合 通过获取ID直接操作
$("#uploadFileName").mouseover(function(){
    $("#imageID").attr("src",$("#slidePicUrl").val());
    $("#tip").show("fast");
}).mouseout(function(){
    $("#tip").hide("fast");
}).mousemove(function(e){
   // alert(1);
    $("#tip").css({
        "top": (e.pageY-10) + "px",
        "left": (e.pageX-340) + "px"
    });
})






  

猜你喜欢

转载自blog.csdn.net/yuanbin4311/article/details/23299537
今日推荐