jQueryscript和document.ready首先在页面顶部添加script标签，记得添加结束标签。浏览器将运行脚本标签中的所有JavaScript脚本，包括jQuery。在脚本标签中添加代码$(document).ready(function(){。然后（仍在脚本标签内）用}关闭它）；只要浏览器加载页面，放置在函数中的代码就会运行。请务必注意，如果没有文档就绪功能，代码将在呈现HTML页面之前运行，这可能会导致错误。$(文档).ready(函数(){});选择器所有jQuery函数都以$开头，通常称为美元符号运算符或bling。jQuery通常使用选择器来选择和操作HTML标签。例如，你想给一个按钮元素添加一个跳跃效果。只需在文档就绪函数中添加以下代码：$("button").addClass("animatedbounce");class使用$(".well")选择类为well的div标签。jQuery的.addClass()方法用于向标签添加类。值得注意的是，像CSS声明一样，您需要添加.在类名之前。$(".well").addClass("animatedshake");id首先，使用$("#target3")选择器选择ID为target3的按钮标签。注意，和CSS声明一样，需要在id名称前加上#。$("#target3").addClass("动画淡出");使用jQuery的removeClass()方法删除类。$("button").removeClass("btn-default");css直接用jQuery改变HTML标签的CSS。jQuery有一个.css()方法可以改变标签的CSS。以下代码的效果是将颜色变为蓝色：$("#target1").css("color","blue");这与通常的CSS声明略有不同，因为CSS属性和值是用英文引号引起来的，并且它们之间用逗号而不是冒号分隔。$("#target1").css("颜色","红色");禁用元素使用jQuery更改HTML标签的非CSS属性，例如：禁用按钮。当按钮被禁用时，它将变灰并且不可点击。jQuery有一个.prop()方法可以用来调整标签的属性。下面是禁用所有按钮的代码：$("button").prop("disabled",true);更改文本通过jQuery更改元素开始和结束标记之间的文本。甚至更改HTML标签。jQuery有一个.html()函数，可以用来在标签内添加HTML标签和文本，该函数提供的内容将完全替换之前标签的内容。下面是重写和强调标题文本的代码：$("h3").html("jQueryPlayground");jQuery也有一个类似的函数.text()，可以在不添加标签的前提下改变标签里面的文本。请注意，尽管标签传统上用于强调文本，但此后它通常用作图标（FontAwesome）的标签。标签现在被广泛接受为强调标签。$("#target4").html("#target4");删除元素使用jQuery从页面中删除HTML标签。jQuery有一个.remove()方法可以完全删除HTML标签。$("#target4").remove();移动元素现在让我们将标签从一个div移动到另一个。jQuery有一个appendTo()方法，它接受HTML标签并将它们附加到另一个标签。比如你想把target4从右井移到左井，可以这样设置$("#target4").appendTo("#left-well");克隆元素也可以将元素从一个地方复制到另一个地方。jQuery有一个可以克隆标签的clone()方法。例如，如果要将target2从left-well复制到right-well，可以这样设置：$("#target2").clone().appendTo("#right-well");你注意到这两个jQuery函数Connected了吗？这称为函数链接，这是使用jQuery实现效果的一种简单方法。选择父元素每个HTML标签默认继承（inherits）其父元素（parent标签）的CSS属性。jQuery有一个parent()方法来访问所选标签的父标签。下面的代码展示了使用parent()方法将left-well标签的父标签的背景色设置为蓝色（blue）：$("#left-well").parent().css("背景色","蓝色");选择子元素将HTML标签放入另一层标签中，这些HTML标签称为标签的子标签（childrenelement）。jQuery有一个children()方法，可以访问所选标签的子标签。以下代码显示了使用children()方法将left-well标签的子标签的颜色设置为蓝色（blue）：$("#left-well").children("color","blue");选择特定的子元素jQuery可以使用CSS选择器（CSSSelectors）来选择标签。target:nth-child(n)CSS选择器可以选择指定类或元素类型的第n个标签。以下代码展示了每个区域（井）的第三个标签的弹跳动画效果：$(".target:nth-child(3)").addClass("animatedbounce");selectanevennumber元素也可以使用基于位置的odd:odd和even:even选择器来选择标签。请注意，jQuery是零索引的，这意味着第一个标签的位置编号为0。这有点令人困惑且违反直觉-:odd表示选择第二个选项卡（位置编号1）、第四个选项卡（位置编号3）..。等等。以下代码显示选择目标类的所有奇数元素并设置sheke效果：$(".target:odd").addClass("animatedshake");。请记住，偶数是指基于零系统的元素位置。修改整个页面jQuery也可以选择body标签。$("body").addClass("动画铰链");
