常用jquery使用技巧

一： $.ajax

$.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);}  
}); 

二： $.getJSON

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>

禁止鼠标右键

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

1.$.browser.浏览器类型：

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

2.$.each(obj, fn)：通用的迭代函数。

可用于近似地迭代对象和数组（代替循环）。
如

$.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

3.$.extend(target,prop1,propN)：

用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。如：

$.extend(settings, options);

      
//合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。

var settings = $.extend({}, defaults, options);

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

4.$.map(array, fn)：数组映射。

把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
如：

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] 

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

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

6.$.trim(str)：删除字符串两端的空白字符。

$.trim("  hello, how are you?   ");    //返回"hello,how are you? "