開始學習jQuery和準備工作

<script>
$(document).ready(function(){

});

首先，在頁面頂部添加一行script元素，然后在下一行寫上結束符。

瀏覽器會運行script里所有的Javascript，包括jQuery。

在你的script元素里，添加這段代碼：$(document).ready(function() {到你的script中，然后在下一行用});結束它。

---

使用jQuery選擇器操作同一元素

<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");//首選項
});
</script>

使用jQuery改變HTML元素的CSS樣式

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

使用jQuery設置元素不可用

$("button").prop("disabled", true);

使用jQuery改變元素中的文本

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

使用jQuery刪除一個HTML元素

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

jQuery使用appendTo()移動HTML元素

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

jQuery使用clone()方法復制元素

$("#target2").clone().appendTo("#right-well");//兩個jQuery方法合在一起使用了？這種叫方法鏈function chaining

把target2從left-well復制到right-well，

jQuery使用parent()操作父級元素

$("#left-well").parent().css("background-color", "blue")

jQuery使用children()操作子級元素

$("#left-well").children().css("color", "blue")

?

jQuery使用target:nth-child(n) CSS選擇器獲取子元素

$(".target:nth-child(3)").addClass("animated bounce");

//以下代碼顯示如何給jQuery Playground中的每個井中（left well和right well）的第三個子元素添加bounce類：

jQuery使用選擇器操作偶數索引元素

$(".target:even").addClass("animated shake"); //偶數

$(".target:odd").addClass("animated shake");//奇數

使用jQuery修改整個頁面

$("body").addClass("animated fadeOut");//整個body有淡出效果

$("body").addClass("animated hinge");//一左上角為圓心 順時針晃動 下墜淡出

?