jQuery的选择器与自带函数详解

在jQuery中，选择器用于选取DOM元素，而自带函数则用于对选取的元素执行操作。

1. 选择器

• $(selector)：基本选择器，可以选取任何元素。
• $(.class)：类选择器，选取所有指定类的元素。
• $(#id)：ID选择器，选取指定ID的元素。
• $(*)：选取所有元素。
• $(selector1 selector2)：群组选择器，选取多个选择器选取的所有元素。
• $(selector:first)：选取第一个匹配的元素。
• $(selector:last)：选取最后一个匹配的元素。
• $(selector:even)：选取索引为偶数的元素。
• $(selector:odd)：选取索引为奇数的元素。
• $(selector:eq(index))：选取指定索引的元素。
• $(selector:gt(index))：选取大于指定索引的元素。
• $(selector:lt(index))：选取小于指定索引的元素。
• $(selector:not(selector))：选取不匹配指定选择器的元素。
• $(selector:header)：选取所有标题元素，如h1, h2等。
• $(selector:animated)：选取正在执行动画的元素。

2. 自带函数

• .each(function(index, element))：遍历选取的元素集合。
• .show()：显示被选取的元素。
• .hide()：隐藏被选取的元素。
• .toggle()：切换元素的可见状态。
• .text()：获取或设置元素的文本内容。
• .html()：获取或设置元素的HTML内容。
• .val()：获取或设置表单元素的值。
• .attr(name)：获取元素的属性值。
• .css(name)：获取元素的样式属性值。
• .addClass(className)：为元素添加一个或多个类。
• .removeClass(className)：从元素移除一个或多个类。
• .toggleClass(className)：对元素进行切换类操作。
• .append(content)：在被选元素内部的末尾插入内容。
• .prepend(content)：在被选元素内部的开头插入内容。
• .after(content)：在被选元素之后插入内容。
• .before(content)：在被选元素之前插入内容。
• .remove()：从DOM中移除元素。
• .empty()：从被选元素中移除子元素。
• .click(function)：为元素的点击事件绑定处理函数。
• .change(function)：为元素的内容改变事件绑定处理函数。
• .submit(function)：为表单的提交事件绑定处理函数。
• .ajaxStart(function)：在Ajax请求开始时执行函数。
• .ajaxStop(function)：在Ajax请求结束时执行函数。

以上是jQuery中的选择器和自带函数的一些常用示例。实际应用中，可以根据需要选择合适的选择器和函数来操作DOM元素。