语法总结
| 语法 | 描述 |
|---|---|
| $(this) | 选取当前HTML元素 |
| $("*") | 选取所有元素 |
| $("p") | 匹配<p>标签元素 |
| $("#kw") | 匹配属性 id='kw'的元素 |
| $(".info") | 选取class属性为info的元素 |
| $("p.intro") | 选取class属性为info的<p>元素 |
| $("p:first") | 选取第一个<p>元素 |
| $("ul li:first") | 选取每个 <ul> 元素的第一个 <li> 元素 |
| $("ul li:last") | 选取每个 <ul> 元素的最后一个 <li> 元素 |
| $("[href]") | 选取带有href属性的元素 |
| $("a[target='_blank']") | 选取所有 target 属性值等于 "_blank" 的 <a> 元素 |
| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 |
| $(":button") | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
| $("tr:even") | 选取偶数位置的 <tr> 元素 |
| $("tr:odd") | 选取奇数位置的 <tr> 元素 |
| $('[name^="value"]') | 匹配 name 以 value 开头的元素 |
|
|
匹配 name 以 end 结尾的元素 |
| $('[class*="text"]') | 匹配class属性包含text的元素 |
| $('#demo>p') | 子代选择器,通过父元素找子元素 |
| $('#demo p') | 后代选择器,通过父元素找子孙元素 |
| $('#p1+div') | 兄弟相邻选择器,通过定位当前元素，找到同一层级的下一个兄弟元素 |
| $('#p1~div') | 同辈选择器，,通过定位当前元素，找到同一层级的该元素后面的全部兄弟元素 |
| $('p, div') | p标签和div标签元素 |
