常用的JS和Jquery优缺点总结.doc

常用的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; /创建节点后对节点的属性进行设置kyokaInput.value=kyoukaCode;kyokaI=kyoukaCode;topForm.appendChild(kyokaInput); /对刚刚添加的节点里面再添加节点topForm.method=post;topForm.action=./tangen/confirm/;topForm.submit(); /表单的提交方法可以实现的效果就是：在页面动态生成表单 并且将button动态生成表单后进行提交。在实际的使用中可以有很多的用处。2. 打开新网页对话页:function showModellessWindow(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-www-form-urlencoded;charset=utf-8,success:function 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(+data+);for(var i=0;ijsonss.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 = ;Okbtn.disabled = false; else td1.innerHTML = ;td2.innerHTML = jsonssi.tangenMei;);另外附上：jquery的优缺点1、jQuery实现脚本与页面的分离在HTML代码中，我们还经常看到类似这样的代码：1 2 即使validate()函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示：3 4 接下来，一个单独的JS文件将包含以下事件提交代码：5 $(myform).submit(function() 6 .your code here 7 ) 这样我们可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来，就像数年前CSS让样式代码与页面代码分离开一样。2、最少的代码做最多的事情最少的代码做最多的事情，这是jQuery的口号，而且名副其实。使用它的高级selector，开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异，它除了还完全支持Ajax，而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。以下是一个非常简单的示例：8 $(p.neat).addClass(ohmy).show(slow);9 通过以上简短的代码，开发者可以遍历“neat”类中所有的元素，然后向其增加“ohmy”类，同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型，无需编写循环代码，无需编写复杂的动画函数，仅仅通过一行代码就能实现上述效果。3、性能在大型JavaScript框架中，jQuery对性能的理解最好。尽管不同版本拥有众多新功能，其最精简版本只有18KB大小，这个数字已经很难再减少。jQuery的每一个版