jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。在jQuery中，选择器是用于选取HTML元素的重要工具，而通配符选择器则是其中一种强大的功能，它们允许开发者以灵活的方式选取一组特定的元素。
1. **通配符选择器**
- `*` 通配符：这个符号用于选取包含特定字符串的任何元素。例如，`$("input[id*='code']")`会选择所有id属性中包含"code"的`<input>`标签。
- `^` 开始匹配：`$("input[id^='code']")`会选择id属性以"code"开头的所有`<input>`标签。
- `$` 结束匹配：`$("input[id$='code']")`会选择id属性以"code"结尾的所有`<input>`标签。
2. **根据索引选择**
- `:even` 和 `:odd`：这两个伪类选择器分别用于选取索引为偶数和奇数的元素。例如，`$("tbody tr:even")`会选取表格体内的偶数行，`$("tbody tr:odd")`则选取奇数行。
3. **获取子节点**
- `children()` 方法：`jqueryObj.children("input").length`将返回`jqueryObj`下一级中`<input>`标签的数量。
- `>` 子选择器：`$(".main > a")`会选择所有属于`.main`类的直接子元素`<a>`标签。
4. **相邻元素选择**
- `next()` 和 `nextAll()` 方法：`jqueryObj.next("div")`将选取紧跟在`jqueryObj`后面的第一个`<div>`，而`nextAll()`则会选取所有后续的`<div>`。
5. **筛选器**
- `not()` 筛选器：`$("#code input:not([id^='code'])")`会选取id为"code"的元素内部所有id不以"code"开头的`<input>`标签。
6. **事件处理**
- `keyup` 事件：`jqueryObj.keyup(function(event)`用于监听用户在指定元素上释放按键时的事件。`event.which`可以获取当前按下的键的键值，如回车键的键值为13。
7. **工具函数**
- `$.trim()`：这个工具函数用于去除字符串两端的空白字符，如`$('#someField').val($.trim($('#someField').val()))`将移除字段`#someField`中输入值的前后空格。
这些只是jQuery选择器和相关功能的一部分，实际上，jQuery提供了更多高级选择器和方法，如`:contains`、`:has`、`:first`、`:last`等，以及`filter()`、`closest()`、`find()`等方法，使得在JavaScript中操作DOM变得更加简单和高效。学习并熟练掌握这些知识，将极大地提升你的前端开发效率。
