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);
});
});
<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]');