用javascript修復(fù)瀏覽器中頭痛問題的方法整理篇[譯]第3/4頁
4. 瀏覽器中的CSS選擇器
試想一下,你只要鍵入一個特殊的選擇器,你就可以為當(dāng)前瀏覽器中設(shè)置了類名的元素編寫javascript代碼了.
4.1 CSS Browser
這是一段非常簡單的javascript代碼,它短小精悍,能使你使用CSS選擇器.使用它你可以在任何瀏覽器編寫特殊的CSS代碼. 你可以為瀏覽器中設(shè)置了類名的元素寫上一段javascript代碼.
jQuery browser selectors
另外一個選擇就是使用jQuery,它可以讓你使用瀏覽器的選擇器更加方便,你所需要做的事就是引入jQuery, 然后編寫如下代碼:
$(document).ready(function(){
$('html').addClass($.browser);
});
現(xiàn)在你可以準(zhǔn)備好.msie, .mozilla, .opera, .safari 或 .other 這些依賴目標(biāo)瀏覽器的樣式了.
5. 最大/最小寬高支持
對于CSS的min-width, min-height, max-width, max-height, border-*-width, margin, 與padding屬性在某些瀏覽器不被支持的問題,jQuery提供了非常好的解決方案.
5.1 jQMinMax
這個jQuery插件為沒有提供原生支持min-width, max-width, min-height與max-height這些屬性的瀏覽器添加支持.
5.2 JSizes
這個基于jQuery的小插件為CSS的min-width, min-height, max-width, max-height, border-*-width, margin, 還有padding屬性提供支持.另外,它還提供了一個檢查元素是否可見的方法.由于它所有與大小相關(guān)的方法都是返回數(shù)值,所以用于計算DOM元素的尺寸是非常安全的.
下載的例子演示了可以使用無返回值的方法鏈.
jQuery(function($) {
var myDiv = $('#myDiv'); // set margin-top to 100px and margin-bottom to 10em myDiv.margin({top: 100, bottom: '10em'}); // displays the size of the top border in pixels alert(myDiv.border().top); // displays true if the element is visible, false otherwise alert(myDiv.isVisible()); // set padding-right to 10px and margin-left to 15px using chaining myDiv.padding({right: 10}).margin({left: 15});});
相關(guān)文章
javascript 原型與原型鏈的理解及應(yīng)用實例分析
這篇文章主要介紹了javascript 原型與原型鏈的理解及應(yīng)用,結(jié)合實例形式分析了javascript原型與原型鏈的具體原理、功能、使用方法及操作注意事項,需要的朋友可以參考下2020-02-02BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù)
這篇文章主要介紹了BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù),需要的朋友可以參考下2015-02-025個你不知道的JavaScript字符串處理庫(小結(jié))
這篇文章主要介紹了5個你不知道的JavaScript字符串處理庫,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06創(chuàng)建echart多個聯(lián)動的示例代碼
這篇文章主要介紹了創(chuàng)建echart多個聯(lián)動的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11JS 循環(huán)li添加點擊事件 (閉包的應(yīng)用)
這篇文章主要介紹了js循環(huán)li添加點擊事件 (閉包的應(yīng)用)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12