Jquery选择器API.doc

JQuery 1、选择器的基本查询条件 1 #id ：根据给定的ID匹配一个元素。 2 .class ：根据给定的class属性匹配元素 3 element ：根据个给定的元素名称匹配所有元素 4 * ：匹配所有元素 5 Selector1,selector2,selectorN ：将每个选择器匹配的元素合并后一起返回 例子： Sizzle ‘input#dept_name’ ：查询id为dept_name的input元素 Sizzle ‘input.input-100per’ ：查询class属性为input-100per 的input元素 Sizzle ‘input’ ：查询input元素 Sizzle ‘*’ ：查询所有元素 5 Sizzle ‘input.input-100per,input#dept_name’ ：查询class属性为input-100per 和id属性为dept_name的input的所有元素 2、查询层级关系的元素 1）ancestor descendant ：在给定的祖先元素下匹配所有的后代元素 子孙后代 2 parent child ：在给定的父类元素下匹配所有的子元素 父子关系 3 prev + next ：匹配所有紧接在prev元素后面的next元素 并列关系，第一个next元素 4 prev ~ siblings ：匹配prev元素之后的所有的siblings元素 兄弟关系，之后的所有元素，之前的不算 3、简单查询元素 条件查询 1 :first ：匹配找到的第一个元素 所有集合中的第一个元素 2 :last ：匹配找到的最后一个元素 所有集合中的最后一个元素 3 :eq index ：查询某个位置的元素 从0开始 4 :even ：查询所有偶数序号的元素 所有集合中偶数序号，从0开始 5 :odd ：查询所有奇数序号的元素 6 :qt n ：查询index大于n的元素 不包括等于 7 :lt n ：查询index小于n的元素 不包括等于 8 :not ：去除所有与给定选择器匹配的元素匹配如 h1, h2, h3之类的标题元素匹配所有正在执行动画效果的元素‘input.input-100per:lt 2 ’ ：查询序号小于2的class属性为input-100per的所有input元素 2 Sizzle ‘input.input-100per:gt 2 ’ ：查询序号大于2的class属性为input-100per的所有input元素 3 Sizzle ‘input.input-100per:even’ ：查询所有奇数 4 Sizzle ‘input.input-100per:odd’ 5 Sizzle ‘input.input-100per:not #usedname ’ 6 Sizzle ‘input.input-100per:first’ ：查询第一个class属性为input-100per的input元素 7 Sizzle ‘input.input-100per:last’ ： 查询最后一个class属性为input-100per的input元素 8 Sizzle ‘input.input-100per:eq 2 ： 查询第二个class属性为input-100per的input元素 9 Sizzle ‘:header’ ：查询到所有的h1，h2，h3之类的标题元素 4、按内容查询页面元素 1 :contains ：匹配包含给定文本的元素匹配含有选择器所匹配的元素的元素匹配含有子元素或者文本的元素‘input:contains 用户名 ’ ：查找包含有“用户名”字符串的input元素 2 Sizzle ‘:empty’ ：查找不包含子元素的空元素 3 Sizzle ‘:has dept_name ’ ：查找到包含有dept_name的元素 4 Sizzle ‘input:parent’ ：查找到input的父元素 5、按可见性查询页面元素 1 :hidden ：匹配所有的不可见元素，input 元素的 type 属性为 hidden 的话也会被匹配到‘input:hidden’ ：匹配所有的属性为hidden的input元素 2 Sizzle ‘div:visible’ ：匹配所有的属性为visible的div元素 6、属性查询 1 [attribute] ：匹配包含给定属性的元素。匹配所有不含有指定的属性，或者属性不等于特定值的元素匹配给定的属性是以包含某些值的元素[selector1][selector2][selectorN] ：复合属性选择