jQuery IE width是用于解決Internet Explorer瀏覽器中獲取寬度的問題的jQuery插件。在IE中,元素的寬度包括了padding和border,這就導(dǎo)致了獲取寬度時會出現(xiàn)偏差。使用jQuery IE width可以準(zhǔn)確地獲取元素的寬度。
$.fn.ieWidth = function(){ var width = this.width(); //只有IE才有必要修正 if($.browser.msie){ var borderLeft = parseInt(this.css("border-left-width")); var borderRight = parseInt(this.css("border-right-width")); var paddingLeft = parseInt(this.css("padding-left")); var paddingRight = parseInt(this.css("padding-right")); width = width + borderLeft + borderRight + paddingLeft + paddingRight; } return width; };
上面是jQuery IE width的代碼,首先獲取元素的寬度,然后對于IE瀏覽器需要修正寬度。修正的方法是獲取元素的border和padding值,計算出它們的寬度,然后加上原來的寬度,得到修正后的寬度。
使用jQuery IE width非常簡單,只需要將其引入到頁面中即可。下面是一個使用示例:
<div id="example" style="width: 200px; padding: 10px; border: 1px solid #000;"></div> <script> var width = $("#example").ieWidth(); alert(width); //輸出222(200 + 10 + 10 + 1 + 1) </script>
上一篇docker與云部署
下一篇css圖片禁用選擇