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层的最后一个子元素