Jquery复习总结

1.选择器:

$(".class")

$("#id")

$("div")

$("a p")

$(div:first).css("border","2px solid red")

2.过滤器:

$(‘div‘).find(‘.child‘).css(‘border‘,‘2px solid #999‘);

$(‘#child1‘).parent().css(‘border‘,‘2px solid #666‘); //父级元素

$(‘#child1‘).parents().css(‘border‘,‘2px solid #333‘); //先任元素

$(‘.child‘).filter(‘.not-gay‘).css(‘background‘,‘red‘);

 3.操作样式

$(‘.a‘).css({

    ‘color‘:‘red‘,

    ‘background‘:‘black‘,

    ‘border‘:‘15px solid gray‘

})

$(‘.a‘).addClass(‘black‘)

         .removeClass(‘b‘);

$(‘.a‘).hasClass(‘c‘)  //true false

$(‘.a‘).hide();

$(‘.a‘).show();

$(‘.a‘).fadeOut(500);

$(‘.a‘).fadeIn(1000);

$(‘.a‘).slideDown(1000);