jquery心得、技巧、总结.docVIP

Jquery . 开始：$(document).ready(function() {}); 可缩写成：$(function(){}); 选择器：引号中可以有多个一起选择$(“#id”)要求id唯一$(“.class”) class名对应的元素$(“HTML标签”)所有标签元素对象$(“*”)所有元素$(“a b”)a元素下的所有子孙b元素$(“ab”)a元素下的所有子b元素$(“a+b”)a元素后的下一个b元素 等价于 $(“a”).next(“b”);$(“a~b”)a元素后的所有b元素 等价于 $(“a”).nextAll(“b”);$(“#a”).siblings(“div”)#a元素的所有同辈div元素 过滤选择器：:first 第一个元素:last 最后一个元素:not(selector) 除selector选择器对应的之外的所有元素:even 索引为偶数的所有元素（索引从0开始） dd 索引为奇数的所有元素:eq(index) 索引等于index的元素:gt(index) 索引大于index的元素:lt(index) 索引小于index的元素:header 所有标题元素(h1~h6):animated 正在执行动画的所有元素:contains(text) 含有文本内容为text的元素:empty 不包含子元素或文本的空元素:has(selector) 含有selector选择器所匹配的元素的元素:parent 含有子元素或者文本的元素:hidden 所有不可见元素:visible 所有可见元素 属性过滤选择器：多个可合并[att] 拥有此属性的元素[att=val] 属性值为val的元素[att!=val] 属性值不等于val的元素[att^=val] 属性值以val开始的元素[att$=val] 属性值以val结束的元素[att*=val] 属性值含有val的元素 子元素过滤选择器:nth-child(index/even/odd/equation)每个父元素下的第index个子元素或者奇偶元素index从1开始也可以是2n…代表2的倍数:first-child每个父元素的第一个子元素:last-child每个父元素的最后一个子元素 nly-child每个父元素中只有一个子元素的子元素 表单对象属性过滤选择器:enabled 所有可用元素:disabled 所有不可用元素:checked 所有选中元素（单选、复选）:selected 所有选中元素（下拉列表） 表单选择器:input 所有imput，textarea，select，button:text 所有单行文本框:password 所有密码框:radio 所有单选框:checkbox 所有多选框:submit 所有提交按钮:image 所有图像按钮:reset 所有重置按钮:button 所有按钮:file 所有上传域:hidden 所有不可见元素 Object.filter(exp)筛选出与exp匹配的元素集合。exp可以是多个选择器的组合 交互处理: 两个function中来回切换调用Object.hover(enter,leave):鼠标移上，移出事件Object.toggle(fn1,fn2,…fnN):多次点击事件例如：Object.toggle(function(){//显示元素代码},function(){//隐藏元素代码}) 交互使用class样式：Object.toggleClass(“className”)重复交替使用class Object.show([time]) time ms时间显示Object对应的元素(宽高和透明度同时)Object.hide([time]) time ms时间隐藏Ojbect对应的元素(宽高和透明度同时)若无时间则瞬间Object.fadeIn();增加不透明度使显示，只改变元素的不透明度Object.fadeOut();降低不透明度Object.slideUp();元素由下到上缩短隐藏Object.slideDown();元素由上至下延伸显示都可以指定三种参数：”slow”,”normal”,”fast”分别是600,400,200ms，都可以设定一个回调函数自定义动画：Object.animate(params,speed[,callback]);params:key/val的键值对，speed:速度，callback:动画完成执行函数.例如：$(“div”).animate({left:”+=500px”},3000);3s内向右移动500px.其中的值可以是数字，+=