jQuery：了解 Script 和 Document 是如何工作的
在script标签中添加代码$(document).ready(function() {。然后在后面（仍在该script标签内）用});闭合它。
jQuery：使用 jQuery 配合元素选择器选择元素
jQuery 函数以$开头，这个符号通常被称为美元符号（dollar sign operator）或bling。jQuery 通常选取并操作带有选择器（selector）的 HTML 标签。
jQuery：使用 jQuery 配合 class 选择器选择元素
jQuery 的.addClass()方法用来给标签添加类。
jQuery：使用 jQuery 配合 id 选择器选择元素
用$("#target3")选择器选取 id 为target3的button标签。
jQuery：用多个 jQuery 选择器瞄准同一个元素
现在你知道三种选取标签的方法：用标签选择器，如$("button")；用类选择器，$(".btn")以及用 id 选择器，$("#target1")。
jQuery：使用 jQuery 从元素中移除 class
$("#target2").removeClass("btn-default");
jQuery：使用 jQuery 更改元素的 CSS
jQuery 有一个.css()方法，其能改变标签的 CSS。$("#target1").css("color", "blue");
jQuery：使用 jQuery 禁用元素
jQuery 有一个.prop()方法，你可以用其调整标签的属性。$("button").prop("disabled", true);
jQuery：使用 jQuery 更改元素内部的文本
jQuery 有一个.html()函数，你能用其在标签里添加 HTML 标签和文本，函数提供的内容将完全替换之前标签的内容。$("h3").html("<em>jQuery Playground</em>");
jQuery：使用 jQuery 删除元素
jQuery 有一个.remove()方法，能完全移除 HTML 标签。
jQuery：使用 jQuery 的 appendTo 方法可以移动元素
jQuery 有一个appendTo()方法，可以选取 HTML 标签并将其添加到另一个标签里面。$("#target4").appendTo("#left-well");
jQuery：使用 jQuery 克隆元素
jQuery 有一个clone()方法，可以复制标签。$("#target2").clone().appendTo("#right-well");
jQuery：使用 jQuery 选择元素的父元素
每个 HTML 标签都默认继承（inherits）其父标签（parent element）的 CSS 属性。$("#left-well").parent().css("background-color", "blue")
jQuery：使用 jQuery 选择元素的子元素
把 HTML 标签放到另一个级别的标签里，这些 HTML 标签被称为该标签的子标签（children element）。$("#left-well").children().css("color", "blue")
jQuery：使用 jQuery 选择元素的特定子元素
jQuery 可以用CSS 选择器（CSS Selectors）选取标签。target:nth-child(n)CSS 选择器可以选取所有的第 n 个标签并设置目标属性和目标样式。$(".target:nth-child(3)").addClass("animated bounce");
jQuery：使用 jQuery 选择偶数元素
用基于位置的:odd和:even选择器选取标签。
jQuery 是零索引（zero-indexed）的，这意味着第 1 个标签的位置编号是0。这有点混乱和反常——:odd表示选择第 2 个标签（位置编号 1），第 4 个标签（位置编号 3）……等等，以此类推。$(".target:odd").addClass("animated shake");
jQuery：使用 jQuery 修改整个页面
使整个body标签淡出：$("body").addClass("animated fadeOut");
网友评论