锋利的jquery

jqury对象和DOM对象的转换

　　jquery转DOM　　

　　　　var $cr = $("#cr");　　

　　　　var cr = $cr[0]　　或者　　var cr = $cr.get(0);

　　DOM对象转jquery对象

　　　　var cr = document.getElementById("cr");

　　　　var $cr = $(cr);

 

选择器

　　基本选择器

　　　　$("#test")　　id为test的元素

　　　　$(".test")　　class为test的元素

　　　　$("test")　　test标签的元素

　　层次选择器

　　　　$("div span")　　选取<div>里的所有<span>后代元素

　　　　$("div > span")　　选取<div>元素下的所有<span>子元素

　　　　$(".one + div")　　选取class为one的下一个<div>同辈元素，紧接在class为one的元素后的　　常用next()代替

　　　　$("#two~div")　　选择id为two的元素后面的所有<div>同辈元素　　常用nextAll()代替

　　过滤选择器

　　　　$("div:first")　　　选取<div>元素的第一个<div>元素

　　　　$("div:last")　　　选取<div>元素的最后一个<div>元素

　　　　$("input:not(myClass)")　　选取class不是myClass的<input>元素

　　　　$("input:even")　　选取索引号是偶数的<input>元素

　　　　$("input:odd")　　选取索引号是奇数的<input>元素

　　　　$("input:eq(1)")　　选取索引号为1<input>元素

　　　　$("input:gt(1)")　　选取索引号大于1<input>元素，不包括1

　　　　$("input:lt(1)")　　选取索引号小于1<input>元素，不包括1

　　　　$(":header")　　　选取网页中所有的<h>元素

　　　　$("div:animated")　　选取正在执行动画的div元素

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

　　　　内容过滤器

　　　　　　$("div:contains('我')")　　选取含有文本'我' 的<div>元素

　　　　　　$("div:empty")　　　选取不包含元素的<div>空元素

　　　　　　$("div:has(p)")　　　　选取含有<p>元素的<div>元素

　　　　　　$("div:parent")　　选取拥有子元素(包括本元素)的<div>元素　　

　　　　可见性过滤器

　　　　　　$("input:hidden")　　选取所有不可见的 input 元素

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

　　　　属性过滤器

　　　　　　$("div[id]")　　选取拥有属性id的元素

　　　　　　$("div[title = test]")　　选取拥有属性title为test的元素

　　　　　　$("div[title != test]")　　选取拥有属性title不为test的元素

　　　　　　$("div[title ^= test]")　　选取拥有属性title开头为test的元素

　　　　　　$("div[title $= test]")　　选取拥有属性title结尾为test的元素

　　　　　　$("div[title *= test]")　　选取拥有属性title属性值含有test的元素

　　　　　　$("div[title |= test]")　　选取拥有属性title属性值等于test或者以test为前缀接 - 的元素

　　　　　　$("div[title -= test]")　　选取拥有属性title属性值含有test和空格的元素　

　　　　　　$("div[id][title *= test]")　　选取含有属性值id,并且拥有属性title属性值含有test的元素

　　　　子元素过滤器

　　　　　　$("div.one:nth-child(2)")　　选取class为one的div元素的第二个子元素　　从1开始　　结果可能给为多个元素

　　　　　　$("div.one:only-child")　　如果class为one的div层只有一个子元素，则选取它

　　　　　　$("div.one:first-child")　　class为one的div层的第一个子元素

　　　　　　$("div.one:last-child")　　class为one的div层的最后一个子元素