一、jQuery动画
$('#hide').click(function () {
$('#box').hide()
})
$('#show').click(function () {
$('#box').show()
})
$('#toggle').mouseenter(function () {
$('#box').toggle()
})
$('#fadeIn').mouseover(function () {
$('#box').fadeIn(1000)
})
$('#fadeOut').mouseleave(function () {
$('#box').fadeOut()
})
$('#fadeToggle').click(function () {
$('#box').fadeToggle(2000)
})
$('#slideDown').click(function () {
$('#box').slideDown(2000)
})
$('#slideUp').click(function () {
$('#box').slideUp(1000,function () {
$('#box').slideDown(2000)
})
})
$('#slideToggle').click(function () {
$('#box').slideToggle()
})
$('#animate').click(function () {
$('#move').animate({
left: '200px',
width: '500px',
'font-size': '40px',
}, 3000, function () {
console.log(11111);
})
})
$('#stop').click(function () {
$('#move').stop()
})
二、jQuery选择器
console.log($('#box'));
console.log($('.box'));
$('.box').css('color', 'red')
console.log($('div'));
console.log($('.box,p'));
console.log($('div.box_1'));
console.log($('#list>li'));
console.log($('#list li'));
console.log($('li:eq(3)').css('color', 'green'));
console.log($('li:odd').css('font-size', '30px'));
console.log($('li:even').css('background-color', 'grey'));
console.log($('#list').children());
console.log($('#list').children('li'));
console.log($('#list').children('p'));
console.log($('#list').find('li'));
console.log($('#list_3').siblings());
console.log($('#list_3').siblings('li'));
console.log($('#list_3').siblings('ol'));
console.log($('#list_3').parent());
console.log($('#list_3').parents());
console.log($('li').eq(4));
console.log($('#list_3').next());
console.log($('#list_3').nextAll());
console.log($('#list_3').prev());
console.log($('#list_3').prevAll());
console.log($('#list_3').index());
console.log($('li').eq($('#list_3').index()));
console.log($('#list_3').siblings().not('li'));