jQuery程序设计.docx

jQuery程序设计一·获取dom元素选择器基本选择器$(“标签名”) 通过标签名来获取$(“ID名”) 通过id名来获取$(“class名”) 通过class来获取进阶选择器进阶选择器$(“ li span .menu #main”)群组选择器、$(“ul li a”) 后代选择器 等价方法.find()方法$(“*”) 通配符选择器*代表所有的高级选择器层次选择器子选择器 $(“div p”) 只获取子类节点的多个BOM对象等价方法.children()方法Next选择器 $(“div +p”) 只获取某节点后一个同级BOM对象 等价方法.next()方法NextAll选择器 $(“div ~ p”) 只获取某节点后面所有同级BOM对象 等价方法.nextAll()方法.Prev()方法 只获取某节点前一个同级BOM对象.prevAll()方法 只获取某节点前面所有同级BOM对象.siblings()方法 只获取某节点上下所有同级BOM对象.prevUntil()方法 获取同级上非指定元素，遇到则停止.nextUntil()方法 获取同级下非指定元素，遇到则停止。属性选择器$(“a[title]”) 获取具有这个属性的BOM对象$(“a[title=num]”) 获取具有这个属性且匹配属性值的BOM对象$(“a[title!=num]”) 获取具有这个属性且不等于这个属性值的BOM对象$(“a[title^=num]”) 获取以这个属性开头且匹配属性值的BOM对象$(“a[title$=num]”) 获取以这个属性结尾且匹配属性值的BOM对象$(“a[bbb][title=num]”) 获取具有多个属性且匹配属性值的BOM对象$(“a[title*=num]”) 获取具有这个属性且属性值含有num的字符串DOM对象$(“a[title~=num]”) 获取具有这个属性且是以一个空格分割的列表，其中包含属性值的BOM对象$(“a[title|=num]”) 获取具有这个属性且等于属性值或开头属性值匹配后面跟一个“-”号的BOM对象过滤器基本过滤器$(“li:first”) 选取li第一个元素 等价方法.first()方法$(“li:last”) 选取li最后一个元素 等价方法.last()方法$(“li:not(.red)”) 选取class不是red的li元素 等价方法.not()方法$(“li:even”) 选取索引(从0开始的)是偶数的所有元素$(“li:odd”) 选取索引(从0开始的)是奇数的所有元素$(“li:eq(n)”) 选取索引(从0开始的)等于n的元素 等价方法.eq()方法$(“li:gt(n)”) 选取索引(从0开始的)大于n的元素 $(“li:lt(n)”) 选取索引(从0开始的)小于n的元素$(“:header”) 选取标题元素。 h1~h6$(“:animated”) 选取正在执行动画的元素$(“:focus”) 选取当前被焦点的元素 $(“input”).get(0).focus(); //先初始化一个元素焦点内容过滤器$(“:contains(hello)”) 选取含有hello文本的元素$(“:empty”) 选取不含子元素或空文本的元素$(“:parent”) 选取含有子元素或文本的元素$(“:has(.red)”) 选取含有class是red的元素 等价方法 .has()方法 可见性过滤器$(“:hidden”) 获取所有不可见的BOM对象$(“:visible”) 获取所有可见的BOM对象子元素过滤器$(“li:first-child”) 获取每个父元素的第一个元素$(“li:last-child”) 获取每个父元素的最后一个元素$(“li:only-child”) 获取只有一个子元素的元素$(“li:nth-child(‘even/odd/eq(n)’)”) 获取每个自定义元素的元素(索引从1开始) 注：可以传三个类型的值二·基础BOM及CSS操作html()方法和text()方法 方法名 描述 .html()获取元素中HTML内容 .html(value)设置元素中HTML内容 .text()获取元素中文本内容 .text(value)设置元素中文本内容 .val()获取表单中的文本内容 .val(value)设置表单中的文本内容元素属性操作 方法名 描述 .attr(key