jQuery.rule by Ariel Flesler

This demo doesn't work completely well

• 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:eq(1)').remove();
  • $.rule('span{font-size:30px;}').appendTo('link:eq(1)');
  • $.rule('span','link:eq(1)').remove();
  • $.rule('button{}').appendTo('link:eq(1)').css('background','darkgreen');
  • $.rule('button','link:eq(1)').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