1.動態新增元素：

$("#parentid").append("<img id='oImg' class='z-index' src='imgURL'>");//父元素#parentid新增子元素#oImg

2.給新增的元素新增響應事件：

$(selector).delegate(childSelector,event,data,function):

引數介紹：

childSelector 必需。規定要附加事件處理程式的一個或多個子元素。

event 必需。規定附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。

function 必需。規定當事件發生時執行的函式。

舉例：

$("#parentid").delegate("#oImg","click",function(){ ...... });

3.響應事件：jQuery版本1.7以後學習jQuery

$("#id").on('event_name',function(){.......});//event_name 可以檢視標籤支援的事件表

4.CheckBox：

判斷選擇：

方法一：
if ($("#checkbox-id").get(0).checked) {
    // do something
}

方法二：
if($('#checkbox-id').is(':checked')) {
    // do something
}

方法三：
if ($('#checkbox-id').attr('checked')) {
    // do something
}

5.動態處理頁面：

$.ajax({

type:'GET',//提交方法

data:{...},//資料，json格式

url:'',//伺服器具體處理函式，絕對地址

success：function(data){//伺服器成功返回的json資料

varobj = eval("("+data+")");//解析json資料,為啥加（），為了避免將資料當成一個語句塊。

//不過使用它容易產生系統安全問題。不過也得看瀏覽器設定。還有一種方法使用Function物件完成

//舉例：var json='{"name":"CJ","age":18}'; data =(new Function("","return "+json))(); 

//不過如果設定了type為json，則返回的資料就是json物件。

}

});

具體詳情檢視：點選開啟連結

6.jquery對select標籤的操作：

點選開啟連結

根據text值來設定option：

方法一：

1. var street = 'value';
2. $('#streetid option:contains('+ street+')').each(function(){//contains方法判斷子串匹配
3. if($(this).text()== street){
4. $(this).attr('selected',true);
5. }
6. });
7. 方法二：

$('#test option').filter(function(){return $(this).text()=="value";}).attr("selected",true); 

1. $("#mySelect").change(function(){//code...});    //select選中項改變時觸發  
2.   
3. // 獲取select值  
4. var text=$("#mySelect").find("option:selected").text();   //獲取Select選中項的Text  
5. var value=$("#mySelect").val();   //獲取Select選中項的Value  
6. var value=$("#mySelect option:selected").attr("value");   //獲取Select選中項的Value  
7. var index=$("#mySelect").get(0).selectedIndex;   //獲取Select選中項的索引值，從0開始  
8. var index=$("#mySelect option:selected").index();   //獲取Select選中項的索引值，從0開始  
9. var maxIndex=$("#mySelect option:last").index();//獲取Select最大索引值，從0開始  
10. $("#mySelect").prepend("<option value='value'>text</option>");   //Select第一項前插入一項  
11.   
12. // 設定select值  
13. //根據索引設定選中項  
14. $("#mySelect").get(0).selectedIndex=index;//index為索引值   
15. //根據value設定選中項  
16. $("#mySelect").attr("value","newValue");   
17. $("#mySelect").val("newValue");   
18. $("#mySelect").get(0).value = value;   
19. //根據text設定對應的項為選中項  
20. var count=$("#mySelect option").length;   
21. for(var i=0;i<count;i++)   
22. {   
23.     if($("#mySelect").get(0).options[i].text == text)   
24.     {   
25.         $("#mySelect").get(0).options[i].selected = true;   
26.         break;   
27.     }   
28. }   
29.   
30. // 清空select  
31. $("#mySelect").empty();