1、常用的Js以及Jquery優缺點總結本資源來自：山西生活門戶 站長liangjunjie221 歡迎大家一起交流心得。1 . 動態創建表單:function kyoukaClick(kyoukaCode)var topForm =document.createElement("form"); /創建新的節點document.body.appendChild(topForm); /在body尾部添加節點var kyokaInput=document.createElement("input");kyokaInput.type="hidden&qu

2、ot; /創建節點后對節點的屬性進行設置kyokaInput.value=kyoukaCode;="kyoukaCode"topForm.appendChild(kyokaInput); /對剛剛添加的節點里面再添加節點topForm.method="post"topForm.action="./tangen/confirm/"topForm.submit(); /表單的提交方法可以實現的效果就是：在頁面動態生成表單 并且將button動態生成表單后進行提交。在實際的使用中可以有很多的用處。2. 打開新網頁對話頁:function s

3、howModellessWindow(url) window.showModelessDialog(url,window,'dialogWidth:800px;dialogHeight:800px;edge:sunken');3. jquery中ajax的使用:$.ajax(type:"POST",url:"onSearchButtonClick",data:"kyoukasyoCode="+kyoukasyocode,contentType:"application/x-",success:fun

4、ction callback(data)/alert("callback run!");$("#div").hide();$("#listTangen").show();var tbl=document.getElementById("listTangen");/var tbl=$("#listTangen");if(tbl.rows != null)for(var i=tbl.rows.length-1;i>=0;i-)tbl.deleteRow(i);var jsonss=eval(&

5、quot;("+data+")");for(var i=0;i<jsonss.length;i+) tbl.insertRow(i);var td1 = tbl.rowsi.insertCell(0);var td2 = tbl.rowsi.insertCell(1); /添加列信息td1.className = "checkbox"if if(jsonssi.checkStatus="1") td1.innerHTML = "<p style='line-break: strict'&

6、gt;<input type='checkbox' class='checkbox' name='tangenCheckbox' id='tangenCheckbox' checked='true' value="+jsonssi.tangenCode+"></p>"Okbtn.disabled = false; else td1.innerHTML = "<p style='line-break: strict'><

7、input type='checkbox'class='checkbox' name='tangenCheckbox' id='tangenCheckbox' value="+ jsonssi.tangenCode+"></p>" ;td2.innerHTML = jsonssi.tangenMei;);另外附上：jquery的優缺點1、jQuery實現腳本與頁面的分離在HTML代碼中，我們還經常看到類似這樣的代碼：1 <form id="myform" o

8、nsubmit=return validate();" >2 即使validate()函數可以被放置在一個外部文件中，實際上我們依然是把頁面與邏輯和事件混雜在一起。jQuery讓你可以將這兩部分分離。借助于jQuery，頁面代碼將如下所示：3 <form id="myform">4 接下來，一個單獨的JS文件將包含以下事件提交代碼：5 $("myform").submit(function() 6 .your code here 7 ) 這樣我們可以實現靈活性非常強的清晰頁面代碼。jQuery讓JavaScript代碼從HTM

9、L頁面代碼中分離出來，就像數年前CSS讓樣式代碼與頁面代碼分離開一樣。2、最少的代碼做最多的事情最少的代碼做最多的事情，這是jQuery的口號，而且名副其實。使用它的高級selector，開發者只需編寫幾行代碼就能實現令人驚奇的效果。開發者無需過于擔憂瀏覽器差異，它除了還完全支持Ajax，而且擁有許多提高開發者編程效率的其它抽象概念。jQuery把JavaScript帶到了一個更高的層次。以下是一個非常簡單的示例：8 $("p.neat").addClass("ohmy").show("slow");9 通過以上簡短的代碼，開發者可以遍歷“neat”類中所有的<p>元素，然后向其增加“ohmy”類，同時以動畫效果緩緩顯示每一個段落。開發者無需檢查客戶端瀏覽器類型，無需編寫循環代碼，無需編寫復雜的動畫函數，僅僅通過一行代碼就能實現上述效果。3、性能在大型JavaScript框架中，jQuery對性能的理解最好。盡管不同版本擁有眾多新功能，其最精簡版本只有18