jQuery选择器

/* **基础选择器** */1、$("#Spear");             //ID选择2、$("div");                //元素(element)选择3、$(".Spear");             //类选择4、$("*");                  //通配选择5、$("#Spear,div");         //复合选择6、$("form input");         //后代选择7、$("form > input");       //子代选择8、$("label + input");      //弟弟选择9、$("form ~ input");       //弟弟们选择

/* **过滤选择器** */1、$("li:first");           //匹配第一个element2、$("li:eq(2)");           //匹配索引值的element3、$("li:contains('jQuery')");//匹配文本内容element4、$("li:has('p')");        //匹配包含p的element5、$("input:hidden");       //匹配all_none element6、$("li:visible");         //匹配all_visible element/* 属性选择 */7、$("li[title='苹果']");     //匹配attribute=value all element8、$("li[title!='芒果']");    //匹配attribute!=value all element9、$("li[titile^='山']");    //匹配"山"start element/* 山楂 山竹 香梨 香瓜 香蕉 */10、$("li[title$='果']");    //匹配"果"end element/* 苹果、芒果、火龙果、青果、白果、圣女果、奇异果、百香果 */11、$("attribute*='value'");    //匹配"value" all element12、$("li:first-child");        //匹配each parent element in first son element13、$("li:last-child");         //匹配each parent element in last son element14、$("input:not([attr='Spear'])"); //去除 all 匹配 element、return nothing attribute=Spear elemtn15、$("li:odd");                //匹配偶数 index为奇数(odd)16、$("li:even");               //匹配奇数 index为偶数(even)

贺老虽说jQuery已经过时、随着ES6的落地。 http://www.zhihu.com/question/34892985?sort=created 但初学者必然要”精通”jQuery_比如我自己~O(∩_∩)O~