jQuery特殊字符小结 _Web前端

jQuery特殊字符总结
在jQuery中我们借助一些特殊字符来实现查询，它们就象是编程语言里面的关键字，为方便记忆总结如下#;&,.+*~':"!^$[]()=>|/

# 表示选择id，如

$("#div1").html()

& 表示

. 表示选择class属性，用样式查找如

$(".selected").removeClass("selected")

~ 表示一个有效选择器跟着第一个选择器

+ 表示一个有效选择器并且紧接着第一个选择器,如

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />

jQuery代码$("label + input")，表示选择所有紧跟在label元素后面的input元素,结果<input name="name" />,<input name="newsletter" />，不包括<input name="none" />, 如果改成用~,那么<input name="none" />就包括在内

* 表示包含某些字符，如

$("input[name*='man']")

查找所有name属性包含'man'的input元素

! 表示非不是，如

$("input[name!='man']")

查找所有name属性不等于'man'的input元素

^ 表示以...开始，如

$("input[name^='man']")

查找所有name属性以'man'开头的input元素

$ 表示以...结尾，如

$("input[name^='man']")

查找所有name属性以'man'结尾的input元素

: 和jQuery关键字组成选择器,如

$("tr:hidden")

查找所有隐藏的tr

[] 常用在选择器里面，表示某个元素的属性，如

<div>
  <p>Hello!</p>
</div>
<div id="test2"></div>
$("div[id]")     匹配 <div id="test2"></div>

> 常用在选择器里面表示父子关系，如

$("form > input") 匹配form里面所有input元素

| 表示或者

javascript中的字符,；",() =

在使用这些特殊字符的时候，如果不加上转义符"\",可能会有错误