我的RUBY之路--第三周(02) jQuery基础

jQuery基础

学习JQUERY，（http://www.codecademy.com/en/tracks/jquery ） 然后试着使用 jquery的一个插件，例如： http://docs.jquery.com/Plugins/Validation#Example  

/* 这是一个很好的动画例子*/
$(document).ready(function() {
　　$('div').mouseenter(function() {
　　　　$(this).animate({
　　　　　　height: '+=10px'
　　　　});
　　});
　　$('div').mouseleave(function() {
　　　　$(this).animate({
　　　　　　height: '-=10px'
　　　　}); 
　　});
　　$('div').click(function() {
　　　　$(this).toggle(1000);
　　　　　　}); 
　　});

<!-- html中对Js 的引用 -->

<script type="text/javascript" src="script.js"></script>

$(document).ready(function() {
    $(thingToClick).event(function() {
        $(thingToAffect).effect();
    });
});

$('selector').addClass('className');
$('selector').removeClass('className');  

$('selector').toggleClass('className'); 

$("div").height("100px");
$("div").width("50px");

$("div").css("background-color","#008800");

$('.vanish').fadeOut('slow'); /*　．vanish　类　fadeOut 消失　fadeIn 显示 slow/fast 快慢　*/　
.append()  .prepend()  .append()  
$('#one').after('<p>#one</p>');　在one这个id后面加入#one
$p vs $('p')的区别
$('p').remove(); yi

$('div').html("I love jQuery!");

$('input:checkbox:checked').val();

var toAdd = $('input[name=checkListItem]');