In jQuery: empty selector usage example_jquery

The example in this article describes the usage of empty selector in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This selector matches all empty elements that contain no child elements or text.

Note: Spaces are also elements included in the selector.

Grammar structure:

Copy code The code is as follows:

$(":empty")

This selector is generally used in conjunction with other selectors, such as class selectors, element selectors, etc. . For example:

Copy code The code is as follows:

$("li:empty").animate({width:"200px"} )

The above code can set the width of the empty li element in the li element collection to 200px in a custom animation.

Example code:

Example 1:

Copy code The code is as follows:

• html area


• div css area


• Jquery Zone


• Javascript Zone

Click to see the effect

Example 2:

Copy code The code is as follows:

• html area


• div css area


• Jquery Zone


• Javascript Zone

Click to see the effect

Since the above code does not specify a selector to be used with the :empty selector, it is used with the * selector by default, which can set the length of empty elements in all elements to 200px in a custom animation.

I hope this article will be helpful to everyone’s jQuery programming.