怎么創建自己的cssHook

本篇內容主要講解“怎么創建自己的cssHook”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么創建自己的cssHook”吧!

　　jQuery.cssHooks

　　描述: 直接向 jQuery 中添加鉤子，用于覆蓋設置或獲取特定 CSS 屬性時的方法，目的是為了標準化 CSS 屬性名或創建自定義屬性。

　　添加的版本: 1.4.3jQuery.cssHooks

　　$.cssHooks 對象提供了一種方法通過定義函數來獲取和設置特定的CSS值的方法。  它也可以被用來創建新的cssHooks以標準化CSS3功能，如框陰影和漸變。

　　例如，某些版本基于Webkit的瀏覽器需要-webkit-border-radius屬性來設置元素的border-radius，而早期的Firefox版本使用-moz-border-radius屬性。一個CSS hook 可以標準化這些供應商前綴的屬性，讓.css() 接受一個單一的，標準的屬性的名稱（border-radius，或用DOM屬性的語法，borderRadius）。

　　除了提供了對特定樣式的處理可以采用更加細致的控制外，  $.cssHooks也擴展了.animate() 方法上可用的屬性。

　　定義一個新的css hook十分簡單。下面的模板可以方便您創建自己的 cssHook：

　　(function($) {

　　// first, check to see if cssHooks are supported

　　if ( !$.cssHooks ) {

　　// if not, output an error message

　　throw("jQuery 1.4.3 or above is required for this plugin to work");

　　return;

　　}

　　// Wrap in a document ready call, because jQuery writes

　　// cssHooks at this time and will blow away your functions

　　// if they exist.

　　$(function () {

　　$.cssHooks["someCSSProp"] = {

　　get: function( elem, computed, extra ) {

　　// handle getting the CSS property

　　},

　　set: function( elem, value ) {

　　// handle setting the CSS value

　　}

　　};

　　});

　　})(jQuery);

到此，相信大家對“怎么創建自己的cssHook”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！