jquery部分方法使用

1. on() & off()

.on()這個方法是將某個selector元素一次全部載入相同的event，.live()、.delegate()和.bind()都是.on()的前身(至於有何差異這邊不多做解釋)

.on()用法

1	//將selector都載入click事件

2	$("table td").on("click",function(e){

3	alert( $(this).html() );

4

});

5

6	//將selector底下的td元素都載入click事件

7	$("table").on("click", "td",function(e){

8	alert( $(this).html() );

9

});

10

11	//傳值給event

12	$("table").on("click", {name:"KY"},function(e){

13	alert( e.data.name );

14

});

.off()的功能則是跟.on()相反
.off()用法

1	//停用selector所有事件

2	$("table td").off();

3

4	//停用selector所有click事件

5	$("table td").off("click");

6

7

/*

8	關閉selector底下的td元素的click事件

9	只派的方式需相同才對應的到

10

例如

11	$("table td").on("click", test);

12	要停用事件就必須使用

13	$("table td").off("click", test);

14

*/

15	$("table").on("click", "td", test);

16	$("table").off("click", "td", test);

17

18	function test() {

19	alert( $(this).html() );

20

}

2.getJson

    $.getJSON("<c:url value='/achievement/getTimes'/>",
				{
					achievementKey : key
				},
				//this method return the jquery json object, not just string
				function(optionData) {
					//console.log(optionData);
					alert(optionData);
					if(!jQuery.isEmptyObject(optionData) ){
						$achieTimes.html("");
						$achieTimes.html("<option value='-1'>----请选择成就等级----</option>");
						$.each(	optionData ,function(i, times) {
						$achieTimes.append("<option value='" + times + "'>" + times + "(" + (parseInt(i) + 1) + "级)" + "</option>");
					});
							}
						}
				);

3. JQuery的Ajax跨域请求

         JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。

        什么是jsonp格式呢？API原文：如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。意思就是远程服务端需要对返回的数据做下处理，根据客户端提交的callback的参数，返回一个callback(json)的数据，而客户端将会用script的方式处理返回数据，来对json数据做处理。JQuery.getJSON也同样支持jsonp的数据方式调用。

客户端code：

$.ajax({
			type : "get",
			data:{
				'playerId':playerId,
				'achieKey':achieKey,
				'value' : achieTimes,
				'passwd' : "city2012"
			},
			async: false,
			url : "http://192.168.1.101:8261/city/achievement/updateachivement",
			dataType : "jsonp",
			jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数
			jsonpCallback:"success_jsonpCallback",//callback的function名称
			success : function(json){
				console.log(json);
				if(json.result=='success'){
					alert("添加成功");
				}else{
					alert("添加失败");					
				}
			},
			error:function(){
				alert('fail');
			}
		});

服务器code：

response.setContentType("text/plain");
String callbackFunName = request.getParameter("callbackparam");
response.getWriter().write(callbackFunName + "( { result:\"success\"})");

4.jquery模拟click事件

$("#a").trigger("click")就是执行#a的click事件

ref:http://blog.johnsonlu.org/jquery-on-off/

ref:http://justcoding.iteye.com/blog/1366102