常用的JS和Jquery优缺点总结

上传人:宝路 文档编号:3823008 上传时间:2017-08-12 格式:DOC 页数:4 大小:28KB
返回 下载 相关 举报
常用的JS和Jquery优缺点总结_第1页
第1页 / 共4页
常用的JS和Jquery优缺点总结_第2页
第2页 / 共4页
常用的JS和Jquery优缺点总结_第3页
第3页 / 共4页
常用的JS和Jquery优缺点总结_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

《常用的JS和Jquery优缺点总结》由会员分享,可在线阅读,更多相关《常用的JS和Jquery优缺点总结(4页珍藏版)》请在金锄头文库上搜索。

1、常用的 Js 以及 Jquery 优缺点总结本资源来自:山西生活门户 站长 liangjunjie221 http:/ 欢迎大家一起交流心得。1 . 动态创建表单:function kyoukaClick(kyoukaCode)var topForm =document.createElement(form); /创建新的节点document.body.appendChild(topForm); /在 body 尾部添加节点var kyokaInput=document.createElement(input);kyokaInput.type=hidden; /创建节点后对节点的属性进行设置k

2、yokaInput.value=kyoukaCode;kyokaInput.name=kyoukaCode;topForm.appendChild(kyokaInput); /对刚刚添加的节点里面再添加节点topForm.method=post;topForm.action=./tangen/confirm/;topForm.submit(); /表单的提交方法可以实现的效果就是:在页面动态生成表单 并且将 button 动态生成表单后进行提交。在实际的使用中可以有很多的用处。2. 打开新网页对话页:function showModellessWindow(url)window.showMod

3、elessDialog(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();$(#

4、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;i;Okbtn.disabled = false; else td1.innerHTML = ;td2.innerHTML = jsonssi.tangenMei;);另外附上:jquery 的优缺点1、jQu

5、ery 实现脚本与页面的分离在 HTML 代码中,我们还经常看到类似这样的代码: 即使 validate()函数可以被放置在一个外部文件中,实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery 让你可以将这两部分分离。借助于 jQuery,页面代码将如下所示: 接下来,一个单独的 JS 文件将包含以下事件提交代码: $(myform).submit(function() .your code here ) 这样我们可以实现灵活性非常强的清晰页面代码。jQuery 让 JavaScript 代码从 HTML 页面代码中分离出来,就像数年前 CSS 让样式代码与页面代码分离开一样。2、最少的

6、代码做最多的事情最少的代码做最多的事情,这是 jQuery 的口号,而且名副其实。使用它的高级 selector,开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异,它除了还完全支持 Ajax,而且拥有许多提高开发者编程效率的其它抽象概念。jQuery 把 JavaScript带到了一个更高的层次。以下是一个非常简单的示例: $(p.neat).addClass(ohmy).show(slow); 通过以上简短的代码,开发者可以遍历“neat”类中所有的 元素,然后向其增加“ohmy”类,同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型,无需编写循环代码,无需编写复杂的动画函数,仅仅通过一行代码就能实现上述效果。3、性能在大型 JavaScript 框架中,jQuery 对性能的理解最好。尽管不同版本拥有众多新功能,其最精简版本只有18KB 大小,这个数字已经很难再减少。jQuery 的每一个版本都有重大性能提高。本篇文章讲的是 jQuery 未经过任何优化的原始速度。如果将其与新一代具有更快JavaScript 引擎的浏览器(如火狐3和谷歌 Chrome)配合使用,开发者在创建富体验 Web 应用时将拥有全新速度优势。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > 其它办公文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号