Visit jQuery.Rule's Homepage
Examples(click on them)
$.rule('#content ul{ border:1px solid green }').appendTo('style');
$.rule('#content ul','style').append('background:#FF9');
$.rule('#content ul','style').remove();
$.rule('p','style').css('color','red').append('font-size:17px');
$.rule('textarea{}').append('background:#FFC').appendTo('link');
$.rule('textarea','link').remove();
$.rule('span{font-size:30px;}').appendTo('link');
$.rule('span','link').remove();
$.rule('button{}').appendTo('link').css('background','darkgreen');
$.rule('button','link').remove();
$.rule('a').animate({letterSpacing:20}).animate({letterSpacing:0});
$.rule('body').animate({lineHeight:0},500).animate({lineHeight:19},500);
$.rule('h3','style').fadeOut('slow').fadeIn('slow');
Or type your own:
Content
This is a paragraph
This is a span
This is yet another span
I'm a textarea
Button
Button
Guess what.. I'm also a paragraph
Style
Link