包装
wrap() 包装
wrapAll() 团体包装
wrapInner() 内部包装
unwrap() 删除包装(不包括body)
$(function(){
$('span').wrap('<div>');
})
主动触发trigger
$(function(){
$('span').on('click',function(){
alert(123);
})
$('span').trigger('click');
//主动触发点击事宜
})
jQuery中的事宜托付delegate
//平常写法 直接给li加事宜
$(function(){
$('li').on('click',function(){
$(this).style.background = 'red';
})
})
//事宜托付
$(function(){
$('ul').delegate('li','click',function(){
$(this).css('background', 'red').siblings().css('background', '#fff');
})
})
//阻挠事宜托付
$(function(){
$('ul').delegate('li','click',function(){
$(this).css('background', 'red').siblings().css('background', '#fff');
$('ul').undelegate();
})
})
event对象属性
event.data 事宜中的数据
event.target 事宜源
event.type 事宜范例
<script type="text/javascript">
$("#div1").on('click', {name:'hello'}, function(event) {
alert(event.data.name);
});
</script>
jQuery东西要领 $.xxx();
$.type() 推断范例
$.trim(str) 去空格
$.inArray(‘a’,arr) 返回a地点数组中的位置,没有则返回-1 相似indexOf
$.proxy() 转变this的指向
$.noConflict() 防备争执
$.type() 推断范例
<script type="text/javascript">
//$.type() 推断范例
var a = [];
//alert( typeof a );//js 返回范例为object
alert( $.type(a) );// 返回范例为array 更详细
//$.trim(str) 去空格
var str = " hello ";
//alert( '('+ str+')' );
alert( '('+ $.trim(str) +')' );
//$.inArray('a',arr)
var arr = ['a','b','c',''d];
alert( $.inArray('a',arr) ); //返回0 假如没有返回-1
//$.proxy() 转变this的指向
function show(a,b){
alert(this);
}
show(); //this指向window
$.proxy(show,document,1,2)(); //show函数的this,指向了document, 1,2是参数 ()是实行show
//$.noConflict() 防备争执
var ht = $.noConflict();
ht(function(){
alert(123);
})
//$.parseJSON 把字符串剖析成JSON对象
var str = '{"name":"hello"}';
alert( $.parseJSON(str).name );
</script>