這篇“這么定義一個完整的css hook”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“這么定義一個完整的css hook”文章吧。

專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)寧津免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

要定義一個完整的cssHook，首先我們需要測試您當(dāng)前使用的 jQuery 版本是否支持 cssHooks 方法，此外，還要結(jié)合上面提到的例子：

(function($) {

if ( !$.cssHooks ) {

throw("jQuery 1.4.3+ is needed for this plugin to work");

return;

}

function styleSupport( prop ) {

var vendorProp, supportedProp,

capProp = prop.charAt(0).toUpperCase() + prop.slice(1),

prefixes = [ "Moz", "Webkit", "O", "ms" ],

div = document.createElement( "div" );

if ( prop in div.style ) {

supportedProp = prop;

} else {

for ( var i = 0; i < prefixes.length; i++ ) {

vendorProp = prefixes[i] + capProp;

if ( vendorProp in div.style ) {

supportedProp = vendorProp;

break;

}

}

}

div = null;

$.support[ prop ] = supportedProp

return supportedProp;

}

var borderRadius = styleSupport( "borderRadius" );

// Set cssHooks only for browsers that

// support a vendor-prefixed border radius

if ( borderRadius && borderRadius !== "borderRadius" ) {

$.cssHooks.borderRadius = {

get: function( elem, computed, extra ) {

return $.css( elem, borderRadius );

},

set: function( elem, value) {

elem.style[ borderRadius ] = value;

}

};

}

})(jQuery);

然后，您可以在支持的瀏覽器中使用DOM（駝峰）樣式或CSS（連字符號）的風(fēng)格設(shè)置邊框半徑：

$("#element").css("borderRadius", "10px");

$("#another").css("border-radius", "20px");

以上就是關(guān)于“這么定義一個完整的css hook”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。