2023年7月9日发(作者：)
jQuery思维导图
• 选择器
o 基本选择器
▪ $(#one).css("backgroud","#000")改变id为one的元素的背景色
▪ $(.one).css("backgroud","#000")改变class为one的元素的背景色
▪ $(div).css("backgroud","#000")改变元素名为div的背景色
▪ $(*).css("backgroud","#000")改变所有元素的背景色
▪ $(#one，.two).css("backgroud","#000")改变id为one和class为two的元素的背景色
o 层次选择器
▪ $(body div).css("background","#000")改变body里所有div的背景色
▪ $(body>div).css("background","#000")改变body内子元素div的背景色
▪ $(.one+div).css("background","#000")改变class为one的下一个div元素（一个值）
▪ $(.one~div).css("background","#000")改变class为one的下一个所有div元素（所有值）
o 过滤选择器
▪ 基本过滤选择器
• $("div:first")获得div的第一个元素
• $("div:last")获得div的最后一个元素
• $("div:not（.one）")获得div中class不为one的元素
• $("div:even")获得div中索引值为偶数的元素
• $("div:odd")获得div中索引值为奇数的元素
• $("div:eq（3）")获得div中索引值为3的元素
• $("div:gt（3）")获得div中索引值大于3的元素
• $("div:lt（3）")获得div中索引值小于3的元素
• $(":header")获得所有的标题元素,例如
• $(":animated")获得当前正在执行的动画
• $(":focus")获取当前焦点
▪ 内容过滤选择器
• $("div:contain(demo)")获得div中含有demo的元素
• $("div:has('.demo')")获得class为demo元素的div元素
• $("div:parent")选取含有子元素或文本的元素
• $("div:empty") 选取不包含子元素或空文本的元素
▪ 可见性过滤选择器
• $("div:visible")获得所有可见的div元素
• $("div:hidden")获得所有隐藏的div元素
▪ 属性过滤选择器
• $("div[title]")获得含有属性title的div元素
• $("div[title=demo]")获得含有属性title的值为demo的div元素
• $("div[title^=a]")获得含有属性title以a开头的div元素
• $("div[title$=a]")获得含有属性title以a结尾的div元素
• $("div[title*=a]")获得含有属性title以含有a的div元素
• $("div[id][title^=a]")获得含有属性title以a开头且含有id的div元素
• $("div[title='b']")获得属性title等于b，或者以b为前缀的元素（b-XXX）
• $("div[title~='demo']")获得title用空格隔开的值中包含demo的元素
▪ 子元素过滤选择器
• $("div:nth-child(2) ")获得div下的第2个子元素（正整数）
• $("div:first-child ")获得div下的第一个子元素（正整数）
• $("div:last-child ")获得div下的最后一个子元素（正整数）
• $("div:only-child(")获得div下的仅有一个子元素（正整数）
▪ 表单对象属性过滤选择器
• $("forml input:enable").val("这里变化了")改变表单中可用input的值
• $("forml input:disabled").val("这里变化了")改变表单中不可用input的值
• $("input:checkbox").length改变个数
• $("select:selected").text()获取下拉框的内容
o 表单选择器
▪ $(" :input") 获得表单中所有的
