元素中。
:input表单选择器
如何获取表单全部元素？:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有标记的表单元素，而且还包括、和 标记的表单元素，因此，它选择的表单元素是最广的。 如下图所示，使用:input表单选择器获取表单元素，并向这些元素增加一个CSS样式类别，修改它们在页面中显示的边框颜色。
在浏览器中显示的效果：
可以看出，通过调用$(“#frmTest :input”)表单选择器代码获取了表单中的全部元素，并使用addClass()方法修改它们在页面中显示的边框颜色。addClass()方法的功能是为元素添加指定的样式类别名称，它的更多使用将会在后续章节中进行详细介绍。
:text表单文本选择器
:text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。 例如，在表单中添加多个元素，使用:text选择器获取单行的文本输入框元素，并修改字的边框颜色，如下图所示：
在浏览器中显示的效果：
从图中可以看出，通过:text表单选择器只获取单行的文本输入框元素，对于区域文本、按钮元素无效。
:password表单密码选择器
如果想要获取密码输入文本框，可以使用:password选择器，它的功能是获取表单中全部的密码输入文本框元素。 例如，在表单中添加多个输入框元素，使用:password获取密码输入文本框元素，并修改它的边框颜色，如下图所示：
在浏览器中显示的效果：
从图中可以看出，在多个文本输入框中，使用:password选择器只能获取表单中的密码输入文本框，并使用addClass()方法改变它的边框颜色。
:radio单选按钮选择器
表单中的单选按钮常用于多项数据中仅选择其一，而使用:radio选择器可轻松获取表单中的全部单选按钮元素。 例如，在表单中添加多种类型的表单元素，使用:radio选择器获取并隐藏这些元素中的全部单选按钮元素，如下图所示：
hide()方法的功能是隐藏指定的元素。 在浏览器中显示的效果：
以上是:radio选择器的效果。
:checkbox复选框选择器
表单中的复选框常用于多项数据的选择，使用:checkbox选择器可以快速定位并获取表单中的复选框元素。 例如，在表单中增加多个不同类型的元素，使用:checkbox选择器获取其中的全部复选框元素，并将它们全部设为选中状态，如下图所示： 
在浏览器中显示的效果： 
这样便实现了选中 checkbox 的效果，做全选的时候比较方便。
:submit提交按钮选择器
通常情况下，一个表单中只允许有一个“type”属性值为“submit”的提交按钮，使用:submit选择器可获取表单中的这个提交按钮元素。 例如，在表单中添加多个不同类型的按钮，使用:submit选择器获取其中的提交按钮，并使用attr()方法修改按钮显示的文本内容，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用:submit选择器从三种类型按钮中获取了提交按钮，并使用attr()方法将该按钮显示的文字修改为“点我就提交了”。
:button表单按钮选择器
表单中包含许多类型的按钮，而使用:button选择器能获取且只能获取“type”属性值为“button”的和这两类普通按钮元素。 例如，在表单中添加多种类型的按钮元素，使用:button选择器获取其中的普通按钮元素，并修改它们的边框色，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用:button选择器只能获取两种类型的普通按钮，且修改了它们的边框颜色，并未获取表单中的“提交按钮”。
:checked选中状态选择器
有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。 例如，在表单中添加多个复选框和单选按钮，其中有一些元素处于选中状态，使用:checked获取并隐藏处于选中状态的元素，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用:checked选择器可以获取处于选中状态的元素，并调用hide()方法将它们进行隐藏。
:selected选中状态选择器
与:checked选择器相比，:selected选择器只能获取下拉列表框中全部处于选中状态的选项元素。 例如，在一个添加多个选项的下拉列表框中，使用:selected选择器修改处于选中状态的内容值，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用:selected选择器获取处于选中状态的元素，并调用text()方法修改这些选中状态元素显示的内容。text()方法的功能是获取或设置元素的文本内容，该方法在后续将有详细的介绍。
:first-child子元素过滤选择器
通过上面章节的学习，我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。 如下图，如果想把页面中每个ul中的第一个li获取到，并改变其颜色。则可以使用 : first-child 
在浏览器中显示的效果： 
通过$("li:first-child")选择器代码，获取了两个父元素中的第一个
元素，并使用css()方法修改了它们在页面中显示的文字颜色。
替换内容
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示： **$(selector).replaceWith(content)**和**$(content).replaceAll(selector)** 参数selector为被替换的元素，content为替换的内容。 例如，调用replaceWith()方法将页面中元素替换成一段HTML字符串，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用replaceWith()方法替换类别名为“green”的元素，替换之后，旧元素完全由新替换的元素所取代。
使用wrap()和wrapInner()方法包裹元素和内容
wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为： **$(selector).wrap(wrapper)**和**$(selector).wrapInner(wrapper)** 参数selector为被包裹的元素，wrapper参数为包裹元素的格式。 例如，调用wrap()方法，将用
元素包裹起来，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，红色区域的元素被蓝色边框的
元素通过wrap()方法包裹起来
使用remove()和empty()方法删除元素
remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。 例如，调用remove()方法删除元素中类别名为“red”的，如下图所示： 
在浏览器中显示的效果： 
从图中可以看出，使用remove(".red")方法只是把元素中类别名为“red”的这部分元素给删除了。
使用hover()方法切换事件
hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： **$(selector).hover(over****，****out);** over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。 例如，当鼠标移到
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
