jQuery 学习笔记

//standard version
$(document).ready(function(){
alert("jQuery hello World");
});

//short version
$(function(){
alert("jQuery hello World");
});

//jQuery conflict
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 其他用 $ 作为别名的库的代码

$(function(){
$(".head").click(function(){
var flag=$(".content").is(":hidden");
if(flag){
$(".content").show();
}else{
$(".content").hide();
}
});
})

$(function(){
$(".head").bind("click",function(){
var flag=$(".content").is(":hidden");
if(flag){
$(".content").show();
}else{
$(".content").hide();
}
});
})

$(".head").toggle(function(){//click
$(".content").show();
}, function(){
$(".content").hide();
});

$(".head").hover(function(){
$(".content").show();//mouseover
}, function(){
$(".content").hide();//mouseout
});

$(function(){
$(".content").show();
var i=1;
$(".head").click(function(){
$(".content").fadeTo("slow",i);
i=i-0.1;
});
})