JQuery 確定css方框模型（盒模型Box Model）
更新時間：2010年01月22日 10:27:43 作者：
做過前臺設置的都知道css存在兩種盒模型，W3C標準的方框模型和IE瀏覽器的方框模型。除IE以外的大多數瀏覽器只支持W3C方框模型。IE瀏覽器能夠根據頁面的呈現模式的定義而是用對性的方框模式。已用哪中呈現的模式取決于頁面上的DOCTYPE的聲明。
如果頁面包含有效的DOCTYPE聲明，則以嚴格模式呈現。
如果頁面沒有DOCTYPE聲明或沒有有效的DOCTYPE聲明，則以兼容模式呈現。
下面將一個兩種模式的區(qū)別，兩種呈現模式的主要差別是對元素width和height樣式的計算上。如下面的樣式
{
width:180px;
height:72px;
padding:10px;
bording-width:5px;
}
在W3C的嚴格模式下，元素的內容顯示的范圍是180*72px。內邊距和邊框在180*72像素的范圍之外。所以整個元素的覆蓋面積是：width:180 + 10*2 + 5*2 = 210px，height:72 +10*2 + 5*2 =102px。
在IE的兼容模式下整個元素的覆蓋面積為180*72像素。內容的大小減小到寬度180 - 10*2 - 5*2=150px，高度72 - 10*2 - 5*2 =32px。
是用JQuery判斷Box Modal的方法很簡單。是通過bool類型的$.boxModel標志。如果頁面是用的是W3C標準的模型，返回true.否則返回false。
如果頁面沒有DOCTYPE聲明或沒有有效的DOCTYPE聲明，則以兼容模式呈現。
下面將一個兩種模式的區(qū)別，兩種呈現模式的主要差別是對元素width和height樣式的計算上。如下面的樣式
復制代碼 代碼如下:
{
width:180px;
height:72px;
padding:10px;
bording-width:5px;
}
在W3C的嚴格模式下，元素的內容顯示的范圍是180*72px。內邊距和邊框在180*72像素的范圍之外。所以整個元素的覆蓋面積是：width:180 + 10*2 + 5*2 = 210px，height:72 +10*2 + 5*2 =102px。
在IE的兼容模式下整個元素的覆蓋面積為180*72像素。內容的大小減小到寬度180 - 10*2 - 5*2=150px，高度72 - 10*2 - 5*2 =32px。
是用JQuery判斷Box Modal的方法很簡單。是通過bool類型的$.boxModel標志。如果頁面是用的是W3C標準的模型，返回true.否則返回false。
相關文章
Jquery遍歷節(jié)點的方法有next、nextAll、prev、prevAll、siblings等等，大家可以根據自己的需求自由選擇2014-01-01
jQuery EasyUI API 中文文檔 - ComboGrid 組合表格
jQuery EasyUI API 中文文檔 - ComboGrid 組合表格,需要的朋友可以參考下。2011-10-10
可兼容IE的獲取及設置cookie的jquery.cookie函數方法
在使用IE來測試的時候，發(fā)現Discuz中的common.js里面的getcookie和setcookie這兩個方法子啊IE下不起作用，因此有了jquery.cookie.js的由來，感興趣的朋友可以參考下2013-09-09
本文給大家分享的是使用原生JS和JQ兩種方法分別實現相同的圖片輪播特效，十分的實用，也非常方便大家對比學習原生js和jQuery，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要為大家詳細介紹了jquery制做精致的倒計時特效的相關代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
經常使用jquery的朋友，需要測試下firefox的兼容性2008-10-10
這篇文章主要介紹了javascript 開發(fā)之網頁兼容各種瀏覽器的相關資料,這里提供了幾種方法幫助大家掌握這樣的功能，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了jQuery滿意度星級評價插件特效,我們可以自定義每個五角星代表的分值，鼠標滑過五角星時即可計算當前的分值，這款jQuery評分插件非常簡單而且實用。有需要的小伙伴可以參考下2015-08-08
得到jQuery detach()后節(jié)點中的某個值實現代碼
需要jQuery -detach 后的dom 結構或某個值，如何獲取到呢？一直困惑著我們，不過本文將為大家解開疑惑，感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
這篇文章主要介紹了jQuery中:focus選擇器用法,以實例形式分析了:focus選擇器的功能、定義及匹配獲取焦點元素的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12