jQuery: selezionare gli elementi con transizioni CSS

Possiamo creare un selettore jQuery per gli elementi con transizioni CSS.

La soluzione è la seguente:

(function( $ ) {

	$.expr[ ":" ].transition = function( element ) {
		var rules = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
		var found = false;
		for( var i = 0; i < rules.length; ++i ) {
			var selector = rules[i].selectorText;
			var css = rules[i].cssText;
			if( css.indexOf( "transition:" ) != -1 ) {
				var $element = $( element );
				var $selector = $( selector );
				if( $element.get( 0 ) === $selector.get( 0 ) ) {
					found = true;
				}
			}
		}

		return found;
			
	};
})( jQuery );

Esempio d'uso:

$(function() {
    $( "li:transition", "#test" ).addClass( "selected" );  

});