JQuery总结

**1. addClass(): **Target Elements by Class Using jQuery

$(document).ready(function() {
    $("#target1").addClass("animated shake btn-primary");
  });

**2. removeClass(): ** Remove Classes from an element with jQuery

$("button").removeClass("btn-default");

**3. css(): ** Change the CSS of an Element Using jQuery

$("#target1").css("color", "red");

**4. prop(): **设置或返回被选元素的属性和值。

返回属性的值:
$(selector).prop(property)

设置属性和值
$(selector).prop(property,  value) 

使用函数设置属性和值:
$(selector).prop(property, function(index, currentvalue))

设置多个属性和值:
$(selector).prop({property : value,  property : value, ...})

**5. html() 和 text() : ** Change Text Inside an Element Using jQuery

$("h3").html("jQuery Playground");
$("button").text("Hello world");

**6. remove(): ** Remove an Element Using jQuery

$("#target4").remove();

7. 其他

$(document).ready(function() {
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "orange");
  });

你可能感兴趣的:(JQuery总结)