jquery中的css方法和事件方法用法详解

$( "#mydiv" ).hasClass( "foo" )

$( "p" ).addClass( "myClass yourClass" );
$( "ul li" ).addClass(function( index ) { return "item-" + index;
});

$( "p" ).removeClass( "myClass yourClass" );
$( "li:last" ).removeClass(function() { return $( this ).prev().attr( "class" );
});

<div class="tumble">Some text.</div>

$( "div.tumble" ).toggleClass( "bounce" )
<div class="tumble bounce">Some text.</div>

$( "div.tumble" ).toggleClass( "bounce" )
<div class="tumble">Some text.</div>

$( "#foo" ).toggleClass( className, addOrRemove );// 两种写法意思一样if ( addOrRemove ) {
 $( "#foo" ).addClass( className );
} else {
 $( "#foo" ).removeClass( className );
}

$( "div.foo" ).toggleClass(function() { if ( $( this ).parent().is( ".bar" ) ) { return "happy";
 } else { return "sad";
 }
});

var color = $( this ).css( "background-color" ); 
var styleProps = $( this ).css([ "width", "height", "color", "background-color"
 ]);

$( "div.example" ).css( "width", function( index ) { return index * 50;
});
$( this ).css( "width", "+=200" );
$( this ).css( "background-color", "yellow" );
 $( this ).css({ "background-color": "yellow", "font-weight": "bolder"
 });

$( "#foo" ).bind( "click", function() {
 alert( "User clicked on 'foo.'" );
});

$( "table" ).on( "click", "td", function() {//这样把td的click事件处理程序绑在table上
 $( this ).toggleClass( "chosen" );
});

$( "#dataTable tbody" ).on( "click", "tr", function() {
 alert( $( this ).text() );
});

$( "#foo" ).trigger( "click" );

$( ".target" ).toggle();
$( "#clickme" ).click(function() {
 $( "#book" ).toggle( "slow", function() { // Animation complete. });
});