基于B/S模式的设计与开发

摘要： 这篇继上篇的 jQuery.API源码深入剖析以及应用实现(3) － 选择器篇(上) 之后继续介绍选择器的其它原理，包括内容，可见性，属性，子元素，表单，表单对象属性等等原理。jQuery选择器的图示包括：一、内容1. 【 :contains(text) 】 匹配包含给定文本的元素。例子HTML代码jQuery代码结果<div>John Resig</div> <di... 阅读全文

摘要： 在上一篇中还漏了一个框题，jQuery的冲突机制解决方法jQuery.noConflict()以及jQuery.noConflict(extreme)，这里先分析一下：jQuery.noConflict()：运行这个函数将变量$的控制权让渡给第一个实现它的那个库。jQuery.noConflict(extreme)：将$和jQuery的控制权都交还给原来的库。比如在prototype框架中的$会和... 阅读全文

摘要： 前言上篇主要介绍JQuery的核心函数的原理机制，这篇将开始介绍jQuery对象访问和数据缓存原理，主要内容包括：分析一、jQuery对象访问1. 【each(callback)】例子：HTML代码jQuery代码运行结果<img/><img/>$("img").each(function(i){ this.src = "test" + i + ".jpg"; });[ &... 阅读全文

摘要： 1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：<div id="content"><form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"&... 阅读全文

摘要： 4，对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist"); ... 阅读全文

摘要： 8，尽量使用ID代替Class。前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。看下面的一个例子：// 创建一个listvar $myList = $('#myList'); var myListItems = '<ul>'; for (i = 0; i < 1000; i++) {myListItems += '&... 阅读全文

摘要： Jquery(http://jquery.com/)是一个轻量级，快速简洁的Javascript框架，它的容量小巧，简洁和简短的语法，容易记；用户能更方便地处理HTML DOM、Events、实现动画效果，并且提供Ajax的支持。目前最新版本为jQuery 1.3.1（http://jqueryjs.googlecode.com/files/jquery-1.3.1.js），这系列文章将对该版本的... 阅读全文

摘要： 目前来看，JS框架以及一些开发包和库类有如下几个，Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fxDojo （JS library and UI component ）：Dojo是目前最为强大的js框架，它在自己的Wiki上给自己下了一个定义，dojo是一个用JavaScript编写的开源的DHTM... 阅读全文