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

});

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

瀏覽器會(huì)運(yùn)行script里所有的Javascript，包括jQuery。

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

---

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

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

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

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

使用jQuery設(shè)置元素不可用

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

使用jQuery改變?cè)刂械奈谋?/h1>

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

使用jQuery刪除一個(gè)HTML元素

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

jQuery使用appendTo()移動(dòng)HTML元素

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

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

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

把target2從left-well復(fù)制到right-well，

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

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

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

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

?

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

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

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

jQuery使用選擇器操作偶數(shù)索引元素

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

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

使用jQuery修改整個(gè)頁(yè)面

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

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/chendi618/p/11012975.html

總結(jié)

以上是生活随笔為你收集整理的开始学习jQuery和准备工作的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。