天天看点

jquery高级函数

.get() 将jq对象转成js $('#div1').get(0).innerHTML

.text() 给标签添加文本

.detach() 和remove方法一样,但保留删除元素的所有行为

$('div').click(function(){

alert(123)''

})

var oDiv=$('div').detach();

$('body').append(oDiv);

.parents() 获取当前元素的所有祖先节点

.closest() 获取最近的指定祖先节点,只有一个

.siblings()

.clone() 复制节点

.wrap() 包装

.wrapAll() 整体包装

.wrapInner() 内部包装

.unwrap() 删除包装

.slice(start,end)

数据串联化

.serialize()

animate({width:300,height:300},时间 默认:400,运动形式,回调)

2种运动形势:swing 缓冲(慢快慢) liner 匀速

.stop() 默认阻止当前运动

.stop(true) 阻止后续运动

.stop(true,true) 立即到当前目标点

.finish() 停止到所有目标点

.delay() 延迟

事件委托

$('ul').delegate('li','click',function(){

this.style.background='red';

}) //点击发生li,冒泡在ul上,

.undelegate() 阻止事件委托

.trigger() 主动触发

ev.data 事件的数据 ev.data.argument

ev.target 事件源

ev.type 事件类型

$下常用方法,没有括号的方法,工具方法(可以用在js上)

$.type() //判断类型

$.trim() //去除前后空格

$.inArray(ele,arr) //返回元素在数组中的位置

$.proxy() //改变this指向 $.proxy(fn,ele)(arg1,arg2)

$.onConflict() //防止冲突

$.parseJSON() //解析成json

$.makeArray() //转成真正的数组

$.ajax() //异步传输

$.ajax({

url:'xxx.php',

data:'name=hello&age=20',

type:'POST',

success:function(data){

alert(data);

},

error:function(){},

插件

$.extend:扩展工具方法下的插件形式

$.fn.extend:扩展到jq对象下的插件形式

继续阅读