jerrycong 发表于 2013-2-7 17:19:39

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'的input元素

! 表示非不是,如
$("input")查找所有name属性不等于'man'的input元素

^ 表示以...开始,如
$("input")查找所有name属性以'man'开头的input元素

$ 表示以...结尾,如
$("input")查找所有name属性以'man'结尾的input元素

: 和jQuery关键字组成选择器,如
$("tr:hidden")查找所有隐藏的tr

[] 常用在选择器里面,表示某个元素的属性,如
<div><p>Hello!</p></div><div id="test2"></div>$("div")   匹配 <div id="test2"></div>   

> 常用在选择器里面表示父子关系,如
$("form > input") 匹配form里面所有input元素

| 表示或者

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

在使用这些特殊字符的时候,如果不加上转义符"\",可能会有错误
页: [1]
查看完整版本: jQuery特殊字符总结