jQuery入門第二天

標籤：

3種選取器：元素選取器：$("button")、class選取器：$(".btn")、id選取器：$("#target1")。

<script>  $(document).ready(function() {    $("button").addClass("animated bounce");    $(".well").addClass("animated shake");    $("#target3").addClass("animated fadeOut");    $("button").removeClass("btn-default");
    $("button").remove("#target4");  });</script>

jQuery有一個叫做.css()的方法能讓你改變元素的CSS樣式。

我們是這樣來把顏色改變成藍色的:

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

這跟通常的CSS文法有點不同，這裡CSS的屬性和值是在引號內的，並且用逗號分開。

 

 

讓我們嘗試把元素從一個div裡移到另外一個div裡。

jQuery有一個appendTo()方法可以把選中的元素加到其他元素中。

比如，你想讓target4從我們的從right-well移到left-well，我們可以這樣使用:

$("#target4").appendTo("#left-well");

 

 

 

除了移動元素，你還可以拷貝元素。簡單理解：移動元素就是剪下，拷貝元素就是複製。

jQuery的clone()方法可以拷貝元素。

比如，如果我想把target2從left-well拷貝到right-well，我們可以這樣寫:

$("#target2").clone().appendTo("#right-well");

你有沒有發現兩個jQuery方法合在一起使用了？這就叫方法鏈function chaining，使用起來很方便。

<script>  $(document).ready(function() {    $("#target1").css("color", "red");    $("#target1").prop("disabled", true);    $("#target4").remove();    $("#target2").appendTo("#right-well");    $("#target5").clone().appendTo("#left-well");  });

 

 

jQuery的.html()方法可以添加HTML標籤和文字到元素，而元素之前的內容都會被方法的內容所替換掉。

我們是通過em[emphasize]標籤來重寫和強調標題文本的：

$("h3").html("<em>jQuery Playground</em>");

jQuery 還有一個類似的方法叫.text()，它只能改變文本但不能修改標記。換句話說，這個方法只會把傳進來的任何東西(包括標記)當成文本來顯示。

jQuery入門第二天