Jquery獲取控件的座標位置及使用jquery修改css中帶有!important的樣式屬性

1、Jquery獲取控件的座標位置

//offset()獲取當前元素基於瀏覽的位置  
var left = $("selector").offset().left;//元素相當於窗口的左邊的偏移量
var top = $("selector").offset().top;//元素相對於窗口的上邊的偏移量
 
//
var pleft = $("selector").scrollLeft();//元素相對於滾動條左邊的偏移量
var pTop = $("selector").scrollTop();//元素相對於滾動條頂部的偏移量
 
  //position()獲取當前元素基於父容器的位置             
  var positiontop=$("#id").position().top;  
 var positionleft=$("#id").position().left;  
 
//設置id2的位置基於unamespan的座標  
 $("#id2").css({position: "absolute",'top':offsettop+100,'left':offsetleft+50,'z-index':2});   

2、使用jquery修改css中帶有!important的樣式屬性

<div class="test">使用jquery修改css中帶有!important的樣式屬性</div>

外部樣式爲

    div.test{
        width:100px !important;
        overflow:100px !important;
    }

通過$("div.test").css("width","400px");和 $("div.test").css("width","400px !important");
要想修改，可通過如下方式：

$("div.test").css("cssText", "width:650px !important;");

要想修改多個屬性，可通過如下方式：

$("div.test").css("cssText", "width:650px !important;overflow:hidden !important");
 

3、綜合例子

.css

#topPopover {
    width: 90%;
    height: 1.8rem;
    top: 45% !important;
}

js中

var topvalue = $("#pwdDiv").offset().top;
 $("#topPopover").css("cssText", "top:"+topvalue+"px !important;");  //修改CSS