jQuery选择器总结.docVIP

jQuery选择器总结jQuery上手jQuery选择器做一个系统的梳理，试图理清jQuery的 　　jQuery是什么 　　jQuery是一个JavaScript框架，它的宗旨是：写更少的代Web开发人员而言，jQuery是一个功能JavaScript库，能更加快速开发相关应用，例如AJAX交互，JavaScriptWeb设计师而言，jQuery封装了Javascript源HTML标签的有效分离，便于设计师更加专注于Web页面设计效果。基于此，网页的用户体验大大增强，包括网页的交互性，视觉效果等等。 　　jQuery的核心?对于JavaScript开发人员而言，通常的一种手段是document.getElementById 。而在jQuery“$”，等价的 var someElement $ #myId ; 　　jQuery之所以称之“jQuery”，主要就是因Javascript Query的意思。下面，我jQuery选择器相关的设计思想： 　　一、jQuery基本 　　前面提到，jQuery的特色。jQuery的基本 　　1. $ “#myId” // ID为myId的网 　　2. $ “” // 例如$ “div” HTML文档中的所有的div元素的jQuery 　　3. $ “.myClass” // HTML文档中所有的class“myClass”的元素集合 　　4. $ “*” // HTML文档中的所有的元素 　　5. $ “selector1,selector2,selector3…selectorN “ // $ “span,#two” // span标签元素和id two的元素。 　　二、jQuery 　　无jQuery选择器获取的jQuery对象任何时候都是一组元素。jQuery的 　　1. $ “ancestor descendant” ：parent元素后所有的child元素。ancestor的中文意思是“祖先”，descendant的中文意思是“后代”。例如： 　　$ “body div” body元素下所有的div元素。 　　$ “div#test div” id为“test”的div所包含的所有的div子元素 　　2. $ “parent child” ：parent元素后所有的第一个child元素。例如： 　　$ “body div” body元素下所有的第一div元素。 　　$ “div#test div” id为“test”的div所包含的所有的第一div子元素 　　三、jQuery 　　jQuery最基本 　　1. :first // $ “div:first” 选取所有div元素中的第一个div元素 　　2. :last // $ “div:last” 选取所有div元素中的最后一个div元素 　　3. :even // $ “input:even” 选取索引是偶数的input元素。 　　4. :odd // $ “input:odd” 选取索引是奇数的input元素。 　　5. :eq index // index的元素。$ “input:eq 1 ” 1的input元素。 　　6. :gt index // index的元素。$ “input:gt 1 ” 1的input元素。 　　7. :lt index // index的元素。$ “input:lt 3 ” 3的input元素。 　　jQuery内容DOM文档中的文本内容。 　　1. :contains text // “text”元素。$ “div:contains ‘你’ ” “你”的div元素。 　　2. :empty // $ “div:empty” 选取不包含子元素 包括文本元素 的div空元素。 　　3. :parent // $ “div:parent” 选取拥有子元素 包括文本元素 的div元素。 　　可以看jQuery内容的子元素或文本内容上。 　　jQuery可 　　1. :hidden // $ “:hidden” 选取网页中所有不可见的元素。 　　2. :visible // $ “div:visible” 选取所有可见的div元素。 　　jQuery属性 　　1. [attribute] // $ “div[id]“ 选取拥有属性id的元素。 　　2. [attribute value] // value的元素。$ “div[name test]“ name的“test”的div元素。 　　3. [attribute!value] // value的元素。 　　4.[attribute^ value] // value开始的元素。 　　5. [attrib