jq总结

jQ

• 选择器：

1. $("label+input")匹配所有跟在label后面的input元素
2. $("ul li:gt(3)") 列出 index 大于 3 的元素
3. $("ul li:lt(3)") 列出 index 小于 3 的元素
    

• 事件
  dblclick、change、scroll、hover、blur、focus、unload() 、load(加载完成)、resize、unbind()、
  clone()、offset(x/y轴)、removeAttr()、removeProp()、scrollLeft()、scrollTop()、
  replaceAll()：$(插入的内容).replaceAll(插入witch选择器)；
  
  bind()、delegate(当前/未来) 与on()都是向元素添加一个方法，优先选on；
  off()：移除通过 on() 方法添加的事件处理程序（类似unbind()、die() 和 undelegate() ）；
   one()：加只运行一次的事件然后移除；
   
• 效果
  show、hide、toggle  fadeIn(slow/fast/自定义)、fadeOut、fadeToggle、fadeTo(0-1不透明)
  slideDown、slideUp、slideToggle  
  animate({params},speed,callback); stop(stopAll,goToEnd)
  jq链：（在相同的元素上）一条语句运行多个jq方法eg: .css("color","red").slideUp(2000).slideDown(2000);
   
• 获取内容和属性
  1、获取内容：text、html、val   设置内容：text(值/回调函数) eg:$().text(function(i,oldVal){return 写啥都行（新值和旧值）})
  2、获取属性：attr            设置属性：一样也有回调函数
  3、添加元素：append()、prepend()、after()、before()
  4、删除元素：remove()、empty() 
  5、操作CSS：addClass()、removeClass()、toggleClass()、css() 
  6、尺寸方法：width(不包含padding的值)，css中的width包含  innerWidth(包含padding)
   
• 遍历（向上、向下、同级）
  1、祖先：parent()、parents()、parentsUntil()
  2、后代：children(所有直接子元素)、find(可找任何一个后代)
  3、同胞：siblings()   next()、nextAll()、nextUntil()  prev()、prevAll()、prevUntil(2个给定之间的同胞元素)
  4、过滤：first(), last()、eq()、filter(匹配)、not(不匹配) 
   
• 遍历的方法
  add()、each()、eq()、has()、is()、not()、filter()、slice(元素的索引)
   
• Ajax
  1、$.load(URL,data,callback(function(responseTxt(成功的内容),statusTxt(调用的状态),xhr)));
  2、$.get(URL,callback);
  3、$.post(URL,data,callback);
  4、$.ajax(有很多属性：url,success,error,complete,datatype,timeout…)
  ajaxComplete()、ajaxError()、ajaxSend()、ajaxStart()、ajaxStop()、ajaxSuccess()、
  ajax这一块还需要好好研究

------------------------------------------------------------------------------------------------------------------------------------------------------------------------