Does jQuery Really Support All CSS3 Selectors?

jQuery's Support for CSS3 Selectors

jQuery claims to support a wide range of CSS selectors, but not all selectors listed in its documentation are fully implemented.

Supported Selectors (jQuery 1.9 and newer)

• Most selectors in the level 3 standard, excluding:

  • Pseudo-elements
  • Dynamic pseudo-classes
  • Namespace prefixes
• :target, :root, :nth-last-child(), :nth-of-type(), :nth-last-of-type(), :first-of-type, :last-of-type, :only-of-type

Unsupported Selectors

• Pseudo-elements
• Dynamic pseudo-classes
• Namespace prefixes
• :lang()

Fallback to document.querySelectorAll()

When jQuery encounters an unsupported selector, it attempts to pass it to the browser's native document.querySelectorAll() implementation. If document.querySelectorAll() can handle the selector, jQuery will use the returned node list to bypass the need for its own selector library, Sizzle.

Incompatibility with IE8

IE8 does not support the :nth-last-child() selector in document.querySelectorAll(). As a result, jQuery will fall back to its incompatible Sizzle implementation, causing the selector to fail in IE8.

Recommendation

To ensure compatibility with all browsers, it is recommended to use jQuery 1.9 or newer, which supports all level 3 selectors except those listed above. Alternatively, custom selector extensions can be used to implement missing pseudo-classes in older jQuery versions.

The above is the detailed content of Does jQuery Really Support All CSS3 Selectors?. For more information, please follow other related articles on the PHP Chinese website!