第一章 初识JQuery.pptVIP

Jquery选择器之三：过滤选择器 基本过滤： $(“div:first”) 获取文档中的第一个div $(“div:last”) 获取文档中的最后一个div $(“div:not(.one) ”) 获取所有class不为one的div元素 $(“div:even”):获取索引为偶数的div元素 $(“div:odd”):获取索引为奇数的div元素 $(“div:eq(2)”):获取索引等于2的div元素 注意：索引从0开始计数 $(“div:gt(2)”):获取索引大于2的div元素 $(“div:lt(2)”):获取索引小于2的div元素 $(“:header”):获取所有的标题元素 $(“:animated”):获取所有的正在执行动画的元素 Jquery选择器之三：过滤选择器 内容过滤选择器 $(“div:contains(text)”) 获取文档中内容包含字符串text的div元素 $(“div:empty”) 获取文档中不包含子元素或者文本的div元素 $(“div:has(selecter)”) 获取文档中包含选择器selecter所匹配的div元素 $(“div:has(p)”) 获取包含段落的div元素 $(“div:parent”) 获取文档中包含子元素或文本的div元素 Jquery选择器之三：过滤选择器 可见性过滤选择器 $(“div:hidden”)：获取文档中所有隐藏的div元素 注意：hidden指的是包含display=none,visiability=hidden,input type=“hidden”的元素 $(“div:visible”)：获取文档中所有显示的div元素 Jquery选择器之三：过滤选择器 属性过滤选择器：通过元素的属性来获取文档元素的规则，元素属性用“ [ ]”一对中括号表示 $(“div[id]”)获取文档中拥有id属性的div元素 $(“input[name=sex]”)获取文档中name属性值为sex的所有input元素 $(“input[name!=sex]”)获取文档中name属性值不等于sex的所有input元素 $(“input[name^=sex]”)获取文档中name属性值以sex开头的所有input元素 注意：选择器以某个属性值开头也包括指定开头的值与属性值完全相等的情况，即[name^=sex]结果会包含[name=sex]的结果 $(“input[name$=sex]”)获取文档中name属性值以sex结束的所有input元素 与上述选择器类似 Jquery选择器之三：过滤选择器 属性过滤选择器 $(“input[name*=sex]”)获取属性值中包含sex的所有input元素 $(“input[name*=sex][id]”)获取name属性包含sex并具有id属性的所有input元素 Jquery选择器之三：过滤选择器 子元素过滤选择器 $(“diva:nth-child(1)”):获取所有div对象下的第1个a子元素 $(“diva:nth-child(2n)”):获取所有div下的2的倍数的子元素a $(“diva:nth-child(2n+1)”):获取所有div下2的倍数+1的子元素a $(“diva:nth-child(even)”):获取所有div下索引为偶数的子元素a $(“diva:nth-child(odd)”):获取所有div下索引为奇数的子元素a 注意：1、这里的索引从1开始计数 2、过滤选择器前必须用子选择器的写法，即元素元素 Jquery选择器之三：过滤选择器 子元素过滤选择器 $(“diva:first-child”):获取所有div下第一个子元素a的集合 $(“diva:last-child”):获取所有div下最后一个子元素a的集合 $(“diva:only-child”):获取所有div下只唯一存在一个子元素a的对象集合 Jquery选择器之三：过滤选择器 表单对象属性过滤器：主要用于表单对象的过滤选择 $(“#form1 *:enabled”)获取id为form1的表单下所有可用的元素 $(“#form1 *:disabled”)获取id为form1的表单下所有不可用的元素 $(“input:checked”)获取所有被选中的input元素 $(“option:selected”)获取所有被选择的option元素 Jquery选择器之四：表单选择器 专门用于获取表单元素的选择器类型 $(“:input”)获取所有的表单input,textarea,select,button $(“:text”)获取所有表单的单行文本框 $(“:passwor