jQuery的常用API

jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。

jquery插件里面提供一个全局的对象$和jQuery对象,本质是一个函数，

$(document).ready(function(){ //预加载函数;
//method
})

$(function(){ //预加载语法糖;
//method
})

$("#p1") //获取jQuery对象(选择器字符串);

$("#p1")[0] //转化为DOM对象;

$(DOMObj) //转化为jq对象;

jQuery.noConflict() //noConflict() 让jquery让出$的使用权，给其他脚本库使用$

$.extend({}) //给jquery添加一些属性或者方法;一般使用下面的方法;

$.fn.extend({}) //给jquery原型添加一些属性和方法;

jQuery的DOM操作

获取和设置

text() //获取jq对象中的内容;也可以添加内容;

html() //获取html标签及内容，也可以设置;

val() //获取value值，也可以设置;

attr() //向对象添加，获取属性,也可以自定义属性,;

prop() //添加属性，与attr功能相同;(attr会展示到html中，prop不会展示在html中)

css() //一个参数是获取样式，两个参数是添加样式;(添加多个使用对象);

添加或删除

toggleClass() //判断一个元素有没有这个类名有了就删除没有就添加

$("

") //创建一个jq对象;

appendTo() //向父类尾部添加元素，特殊的可以是字符串，也可以是jq对象和DOM对象;

append() //向子类尾部添加元素,内容;

prepend() //向子类头部添加元素或内容;

insertAfter() //向指定位置添加元素; (参数1：添加的对象;参数二：要添加在谁之后);

after() //在元素之后插入元素或者内容;

before() //在元素之前插入元素或者内容;

replaceWith() //把调用者的元素替换成指定元素，指定元素可以是自定义元素，也可与是jq元素，jq元素替换时，原来的元素就没有了;

replaceAll() //把调用者的元素全部替换成被指定的元素;

remove() //删除一个jq对象;可以有一个参数，（选择器字符串），筛选子类符合条件的元素;(内容，节点，数据，事件，全部移出);

empty() //删除子类元素的内容和全部子节点，（但保存调用者的标签和属性）

detach() //删除所有子元素（数据，事件不会移出，当他们重新被插入时，可以重新加事件和数据）;

clone(bloon) //克隆元素，参数是布尔值，为真，克隆全部（数据标签事件），为假，只克隆标签和标签内容;

calss中的操作

addClass() //向目标者添加类名;

removeClass() //删除类名;

toggleClass() //有则删除，无则添加(第一个参数表示要添加或删除的类，既可以用类列表，也可以用函数返回值指定（i 是选择器选中的所有元素中当前对象的索引值，c 是当前对象的类名）。

switch: 布尔值，true 表示只添加，false 表示只删除。);

hasClass() //判断是否包含此类名;

jquery中的事件(可与绑定多个事件，并且按照书写循序执行代码);

on() //被选元素及子元素上添加一个或多个事件处理程序(也可以使用事件委托)（参数一：事件类型，可以是一个或者多个使用","分开,也可以是数组;参数2:子类添加的事件处理程序，）
(参数三，传递到函数的额外数据,参数四：回调函数);

click() //点击事件;

mouseDown() //鼠标按下事件；

mouseUp() //鼠标松开事件;

mouseenter() //鼠标移入事件;

moouseleave() //鼠标移出事件;(由于大多数与DOM对象中的事件一样，不在一一举例，可以去网上查找，下面就列举一点经常使用的单独不一样的);

error() //当元素遇到错误，执行以下程序;

one() //只执行一次的函数（参数一：事件类型：参数二：回调函数）;

trigger() //方法触发被选元素的指定事件类型。举个列子 $(“input”).trigger(“select”); 触发 input 元素的 select 事件

off() //移出绑定事件;

toggle() //执行一个或者多个的点击事件，参数是一个或者多个回调函数;(测试不能使用);

hover() //相当于移入移出事件;

jquery中的ajax

$.ajax() //可以规定各种请求，更加灵活，参数是个配置对象;{url,data,type,success,error};dataType //接受数据的类型数据;

$.get() //get请求，更加灵活简单,但是安全型不高,会暴露字段;

$.getJSON() //遇上面相同;

$.post() //发送post请求,配置字段，请求数据;更加安全，请求的数量更加多;

type:‘DELETE’ //一般用于删除数据使用;也要配置对象 ;

type:‘PUT’ //一般用于修改数据使用;

遍历与选择

$.each() //遍历数据,参数二回调函数（index,value）;

eq() //在jq对象中，选择单一一个对象;

get() 选择jq中的指定元素,相当与下标;

index() //返回调用者在父元素中的下标;可以填写参数，可以指定元素中那个元素(父类调用);

parent() //获取父类;

parents() //获取向上的所有父类直到跟标签（html）(可以筛洗父类，只返回一个);

parentsUntil() //获取向上的指定之间的父元素;(调用和参数之间的,不包含调用和参数);

children() //所有子类;

find() //所有的子类，一直向下，到所有指定的元素;

next() //下一个兄弟;

prev() //上一个兄弟;

siblings() //返回所有的同胞元素

nextAll() //返回下面的所有兄弟的节点;

prevAll() //返回上面所有的兄弟节点;

nextUntil() //返回下面到指定元素的所有节点（不包含调用和参数节点）

prevUntil() //返回上面到指定元素的所有节点（不包含调用和参数节点）

常用的api

wrapAll() //把所有调用者的标签全部用指定的标签包裹起来;(一个元素就相当于给调用者加一个父类，要是多个元素，也是添加一个父类，父类会添加到第一个元素的位置);

wrapInner() //把所有调用者标签的内容标签用指定标签包裹起来;

end() //回到上一层元素本层的函数不会消失;

偏移量

offset() //调用者据body的位置;

position() //如果父类元素有定位，那么是到父类元素的偏移量，没有则是到body的偏移量;

尺寸

width() //返回宽度（不包含padding,border,margin）;

innerwidth() //返回宽度（不包含border和margin）;

outerWidth() //元素的宽度（不包含margin）；

jQuery 效果
jQdom jQuery的dom

jQdom.hide(speed,linear,callback) //隐藏 speed隐藏的时间，linear隐藏的过度效果; ,callback回调函数;

jQdom.show(speed,linear,callback) //显示(同上);

jQdom.toggle(speed,linear,callback) //来回切换隐藏与显示;

淡入淡出

jQdom.fadeIn(speed,linear,callback) //淡入淡出的显示

jQdom.fadeOut(speed.linear.callback) //淡入淡出的隐藏;

jQdom.fadeToggle( speed,linear,callback) //来回切换隐藏与显示;

jQdom.fadeTo( speed,opcity) //颜色变淡;

滑动

slideDown(speed,linear,callback) //滑动显示;

slideUp(speed,linear,callback) //滑动隐藏;

slideToggle(speed,linear,callback) //来回切换隐藏与显示;

动画

animate({},speed,callback) //创建一个自定义动画; {}存放动画的各种属性（不能改变颜色需要改变颜色需要下载另一个插件）;

预定义的值

(也可以使用预订值"show",“hide”,“toggle”,配合宽高使用效果最好);

使用队列创建一个连续动画;在callback中继续写动画效果;