jQuery选择器3

属性选择器

一,属性选择器：

                       通过HTML元素的属性选择元素的选择器

二.属性选择器：

            [attribute]:选取包含给定属性的元素                                                                   例：$("[href]")选取含有href属性的元素

            [attribute=value]:选取等于给定属性是某个特定值的元素                                   例：$("[href='#']")选取href属性值为“#”的元素

            [attribute!=value]:选取不等于给定属性是某个特定值的元素                               例：$("[href!=‘#’]")选取href属性值不为“#”的元素

            [attribute^=value]:选取给定属性是以某些特定值开始的元素                              例：$("[href^='en']")选取href属性值以en开头的元素

            [attribute$=value]:选取给定属性是以某些特定值结尾的元素                              例：$("[href$='.jpg']")选取href属性值以.jpg结尾的元素

            [attribute*=value]:选取给定属性是包含某些值的元素                                          例：$("[href*='txt']")选取href属性值中含有txt的元素

            [selector],[selector2],[selectorN]:选取满足多个条件的复合属性的元素               例：$("li[id][title=新闻要点]")选取含有id属性和title属性为“新闻要点”的<li>元素

三.过滤选择器分为：基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤，表单对象属性过滤器

四.基本过滤选择器： 

            ：first:选取第一个元素                                                                                                  例：$("li:first"选取所有<li>元素中的第一个<li>元素

            ：last:选取最后一个元素                                                                                               例：$("li:last")选取所有<li>元素中的最后一个<li>元素

            ：not(selector)选取去除所有与给定选择器匹配的元素                                                      例：$("li:not(.three)")选取class不是three的元素

            ：even:选取索引是偶数的所有元素（index从0开始）                                                      例：$("li:even")选取索引是偶数的所有<li>元素

            ：odd:选取索引是奇数的所有元素（index从0开始）                                                        例：$("li:odd")选取索引是奇数的所有<li>元素

            ：eq(index):选取索引等于index的元素（index从0开始）                                                  例：$("li:eq(1)")选取索引等于1的<li>元素

            ：gt(index):选取索引大于index的元素（index从0开始）                                                   例：$("li:gt(1)")选取索引大于1的<li>元素（注意：大于1，不包括1）

            ：lt(index):选取索引小于index的元素（index从0开始）                                                    例：$("li:lt(1)")选取索引小于1的<li>元素（注意：小于1，不包括1）

            ：header:选取所有标题元素，如h1~h6                                                                           例：$(":header")选取网页中的所有标题元素

            ：focus：选取当前获取焦点的元素                                                                                例：$(":focus")选取当前获取焦点的元素

五.可见性过滤选择器：

            ：visible：选取所有可见的元素                                                                                      例：$(":visible")选取所有可见的元素

            ：hidden：选取所有隐藏的元素                                                                                      例：$(":hidden")选取所有隐藏的元素

         

         获取隐藏元素，使其显示：$("p:hidden").show();

         获取显示元素，使其隐藏：$("p:visible".hide();