jquery总结

一. jquery入口函数

1. $(function(){})
2. jQuery(function(){});
3. $(document).ready(function(){})
4. jQuery(document).ready(function(){})

二. jq和dom相互转换

1. dom转jq $(dom元素)
2. jq转dom jq对象[索引]

三 . jq筛选方法

1. $(css选择器)
2. jq对象.siblings(筛选条件) 兄弟选择器
3. children() 子元素选择器
4. parent() 父元素选择器
5. eq() 根据索引获取
6. find() 在后代中选择
7. nextAll() 查找元素之后的所有同辈元素
8. prevtAll() 查找当前元素之前的所有同辈元素
9. :checked选择器 选中选中的表单

四. 事件

1. 事件注册 jq对象.on(事件类型,处理程序)

2. 事件委托 前代元素的jq对象.on(‘click’,触发事件的后代元素的选择器,处理程序);

   $('ul').on('click','li',function(){
   	console.log(123);
   });
   

3. 事件解绑
   jq对象.off(事件类型,函数名); – 把一个指定的函数解绑掉
   jq对象.off(事件类型) – 把对应类型的所有的函数都解绑掉，如果注册时候没写函数名，就可以使用这个方式
   jq对象.off() – 把所有的不同类型的事件统统都解绑

4. 事件委托的解绑
   jq对象.off(事件类型,筛选条件,函数名) – 解绑一个指定的函数名
   jq对象.off(事件类型,筛选条件) – 解绑所有的函数名

五. 修改样式

1. jq对象.css(键,值). 直接修改css样式
2. jq对象.addClass(类名); 添加类名
3. jq对象.removeClass(类名) 删除类名
4. jq对象.toggleClass(类名) 切换类名

六 .获取索引

1. jq对象.index() 获取当前元素在兄弟元素中的索引
2. jq对象.index(dom对象) 获取某个dom元素在伪数组中的索引

七 . 创建, 删除元素

1. jq对象.html(‘满足html语法的字符串’) 相当于innerHTML
2. $(‘满足html格式的字符串’)
3. jq对象.append(), 将元素添加到js对象末尾
4. jq对象.prepend 把子元素放到父元素前面
5. jq对象.prependTo(父元素选择器) 把当前元素放到指定父元素的最前面
6. jq对象.after() 把一个元素放到另一个元素后面
7. appendTo,before 等其他的
8. jq对象.remove();删除当前元素
9. jq对象.empty() 删除所有子元素
10. jq对象.html(’’) 清空元素内部所有

八 . 获取表单内容

1. jq对象.val() – 获取
2. 普通元素用html()获取html字符串, text()获取文本

九 . 操作属性

1. jq对象.attr(属性名) 获取或者修改普通属性
2. jq对象.prop(属性名) 获取或修改开关属性

十 . 静态方法

1. each(arr, function(index,item)) 遍历数组
2. ajax({}) 发送ajax请求, 可以接受一个配置对象
   url 规定发送请求的 URL。默认是当前页面。
   type 规定请求的类型（GET 或 POST）。
   data 规定要发送到服务器的数据。
   dataType 预期的服务器响应的数据类型。
   beforeSend(xhr) 发送请求前运行的函数。
   complete(xhr,status) 请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。
   contentType 发送数据到服务器时所使用的内容类型。默认是：“application/x-www-form-urlencoded”。
   error(xhr,status,error) 如果请求失败要运行的函数。
   jsonp 在一个 jsonp 中重写回调函数的字符串。
   jsonpCallback 在一个 jsonp 中规定回调函数的名称。
   success(result,status,xhr) 当请求成功时运行的函数。
   timeout 设置本地的请求超时时间（以毫秒计）。

十一 . 动画

1. 显示与隐藏
   show() 显示
   hide() 隐藏
   toggle() 切换显示与隐藏

2. 滑动
   slideDown() 下滑
   slideUp() 上滑
   slideToggle() 切换滑动

3. 淡入淡出
   fadeIn() 淡入
   fadeOut() 淡出
   fadeToggle() 切换淡入淡出
   fadeTo() 调整到指定透明度

4. 自定义动画
   animate()

十二 . 尺寸

1. width()/height() 获取元素宽高, 只算width/height

2. innderWidth()/innerHeight() 包含padding

3. outerWidth()/outerHeight() 包含padding, border

4. outerWidth(true)/outerHeight(true) 包含padding, border, margin

5. offset()
   获取元素相对于文档的偏移坐标和父级元素没有关系
   offset().left 元素到文档左边的距离
   offset().top 元素到文档顶部的距离
   可以设置

6. position()
   获取元素相对于带有定位的最近的祖先元素的偏移距离
   相当于原生dom的offset
   position().top
   position().left

7. scrollTop()/scrollLeft()
   设置或返回元素被卷去的头部或左侧