Jquery复习总结

Posted 2020-10-26 eret9616

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);