How to create your own cssHook
This article focuses on "how to create your own cssHook". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to create your own cssHook.
JQuery.cssHooks
Description: add hooks directly to jQuery to override methods when setting or getting specific CSS properties in order to standardize CSS property names or create custom properties.
Added version: 1.4.3jQuery.cssHooks
The cssHooks object provides a way to get and set a specific CSS value by defining a function. It can also be used to create new cssHooks to standardize CSS3 functions such as box shadows and gradients.
For example, some versions of Webkit-based browsers require the-webkit-border-radius attribute to set the element's border-radius, while earlier versions of Firefox use the-moz-border-radius attribute. A CSS hook can standardize the attributes of these vendor prefixes so that .css () accepts a single, standard attribute name (border-radius, or using the syntax of the DOM attribute, borderRadius).
In addition to providing more detailed control over the handling of specific styles, $.cssHooks also extends the properties available on the. animate () method.
Defining a new css hook is very simple. The following templates make it easy for you to create your own 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)
At this point, I believe you have a deeper understanding of "how to create your own cssHook". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
