常用jquery使用技巧

[b]一: $.ajax[/b]

$.ajax({url: 'stat.php',  
type: 'POST',
data:{Name:"keyun"},
dataType: 'html',
timeout: 1000,
error: function(){alert('Error loading PHP document');},
success: function(result){alert(result);}
});


[b]二: $.getJSON[/b]

1:data.json
{
"result": 0
}


2:test.jsp

<script type="text/javascript" src="http://images.koolearn.com/js/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$.getJSON('data.json', function(data) {
alert(data["result"]);
});
</script>


[img]http://dl.iteye.com/upload/attachment/581080/ff0b7156-0fd2-3307-9e2b-ce51ee8cc2c4.png[/img]

[b]禁止鼠标右键[/b]

$(document).ready(function(){   
$(document).bind("contextmenu",function(e){
return false;
});
});


[b]1.$.browser.浏览器类型:[/b]

检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。

[b]2.$.each(obj, fn):通用的迭代函数。[/b]

可用于近似地迭代对象和数组(代替循环)。

$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); }); 

等价于:
var tempArr=[0,1,2];  
for(var i=0;i<tempArr.length;i++){
alert("Item #"+i+": "+tempArr[i]);
}

也可以处理json数据,如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });  

结果为:
Name:name, Value:John 
Name:lang, Value:JS


[b]3.$.extend(target,prop1,propN):[/b]

用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。如:
$.extend(settings, options);

//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);

//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数(合并多项并返回)

[b]4.$.map(array, fn):数组映射。[/b]

把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。
如:
var tempArr=$.map( [0,1,2], function(i){ return i + 4; }); 

tempArr内容为:
[4,5,6]


var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });  

tempArr内容为:
[2,3] 

[b]5.$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。[/b]

$.merge( [0,1,2], [2,3,4] )       //返回[0,1,2,3,4]  

[b]6.$.trim(str):删除字符串两端的空白字符。[/b]

$.trim("  hello, how are you?   ");    //返回"hello,how are you? "  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值