随笔分类 -  jQuery

jQuery性能优化
摘要：1、使用最新版本的jQuery类库2、使用合适的选择器（以下是使用选择器的基本规则，性能自上而下依次下降）1）$("#id")使用id来定位DOM元素无疑是最佳提高性能的方式，因为jquery底层将直接调用本地方法document.getElementById()。如果这个方式不能直接找到你需要的元... 阅读全文
posted @ 2015-02-04 15:49 psycho_z 阅读(242) 评论(1) 推荐(0)
6 《锋利的jQuery》Ajax的应用（略。）
摘要：Ajax的优势1、不需要插件支持2、优秀的用户体验3、提高web程序的性能（传输数据的方式，按需发送）4、减轻服务器和带宽的负担Ajax的不足1、浏览器对XMLHttpRequest对象支持度不足2、破坏浏览器前进、“后退”的正常功能3、对搜索引擎的支持不足4、开发和调试工具的缺乏Ajax的核心是X... 阅读全文
posted @ 2015-01-30 15:12 psycho_z 阅读(265) 评论(0) 推荐(2)
bind(),live(),delegate(),on()绑定事件方式
摘要：1、bind()：向匹配元素添加一个或多个事件处理器。适用所有版本，但是自从jquery1.7版本以后bind()函数推荐用on()来代替。$(selector).bind(event,data,function) event：必需项；添加到元素的一个或多个事件，例如 click,dblclick... 阅读全文
posted @ 2015-01-28 17:23 psycho_z 阅读(279) 评论(0) 推荐(0)
3 《锋利的jQuery》jQuery中的DOM操作
摘要：DOM操作分（1）DOM Core（核心）：document.geElementsByTagName("form");/ element.getAttribute("src");（2）HTML-DOM：document.forms; / element.src;（3）CSS-DOM：element.... 阅读全文
posted @ 2015-01-28 14:31 psycho_z 阅读(197) 评论(0) 推荐(0)
5.2 《锋利的jQuery》jQuery对表格的操作（选项卡/换肤）
摘要：表格隔行变色以及单选/复选表格展开关闭表格筛选字体变大/缩小选项卡网页换肤tip1：$("tr:odd")和$("tr:even")选择器索引是从0开始的，因此第1行是偶数1、表格隔行变色以及单选/复选.even{background-color: #fff38f;} /*偶数行样式*/.odd{ ... 阅读全文
posted @ 2015-01-22 16:26 psycho_z 阅读(662) 评论(0) 推荐(0)
4.1 《锋利的jQuery》jQuery中的事件
摘要：$(document).ready()方法和window.onload方法的区别事件绑定合成事件事件冒泡事件对象的属性tip1:停止事件冒泡和阻止默认行为都可以用return false替代。只有当你同时需要preventDefault和stopPropagation，并且你的代码可以接受直到你的回... 阅读全文
posted @ 2015-01-21 21:15 psycho_z 阅读(292) 评论(0) 推荐(0)
5.1 《锋利的jQuery》jQuery对表单的操作
摘要：获取焦点和失去焦点改变样式改变文本框/滚动条高度复选框应用下拉框应用表单验证tip1：注意使用的for标签，对应input的id。（for 属性规定 label 与哪个表单元素绑定。）tip2:注意：jquery从1.6版本开始，哪些属性应该用attr()访问，哪些应该用prop()访问。第一个原则... 阅读全文
posted @ 2015-01-21 17:35 psycho_z 阅读(246) 评论(0) 推荐(0)
4.2 《锋利的jQuery》jQuery中的动画
摘要：问题：queue()方法？tip0:jquery从1.9版本以上就不支持toggle()方法。// $("#panel h5.head").toggle(function(){// ...// },function(){// ... // });以上不支持！以下支持... 阅读全文
posted @ 2015-01-21 11:24 psycho_z 阅读(299) 评论(0) 推荐(0)
2 《锋利的jQuery》jQuery选择器
摘要：tip1：jquery检查某个元素是否存在：if($("#tt").length>0){}或者if($("#tt")[0]){}先说css选择器有：标签选择器：td,aID选择器：#note{}类选择器：.dream{} , div.note{}群组选择器：td,p,div.a{}后代选择器：#li... 阅读全文
posted @ 2015-01-19 15:57 psycho_z 阅读(403) 评论(0) 推荐(0)