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

摘要： 一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案.二.前言有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案.每个公司的情况都不同.比如我们公司的页面文件都为用... 阅读全文

摘要： 一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单!二.前言本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识, 虽然... 阅读全文

摘要： 一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.二.前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员... 阅读全文

摘要： 一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解.二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师... 阅读全文

摘要： 一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式.三. 区分DOM属性和元素属性一个img标签:<img src="images/image.1... 阅读全文

摘要： 一.摘要在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等.二.前言本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.本章内容很少, 主要讲解动态创建元素... 阅读全文

摘要： 一. 什么是jQuery选择器在Dom编程中我们只能使用有限的函数根据id或者TagName获取Dom对象.在jQuery中则完全不同,jQuery提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery包装集的形式返回.首先来看看什么是选择器: //根据ID获取jQuery包装集 var jQueryObject = $("#testDiv");上例中使用了ID选择器, 选... 阅读全文

摘要： 这篇继上篇的 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... 阅读全文

摘要： Java代码:[代码]==================================//如果输入回车，则提交表单Java代码:[代码] 阅读全文

摘要： 流行的 JavaScript 库不胜枚举，jQuery, MooTools, Prototype, Dojo, YUI。这些 JavaScript 库功能丰富，加上它们的插件，几乎能胜任任何工作，然而这是有代价的，这些库往往导致你的网页尺寸臃肿。在某些场合，如果你只想完成特定的工作，可以使用 一些功能更专一的轻量库，本文介绍了40个非常出色的轻量级 JavaScript 库。1. 表单相关wFor... 阅读全文

摘要： 原文：10个非常有用的CSS hack和技术译自：10 astonishing css hacks and technique版权所有，转载请注明出处，多谢！！！好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你的设计的CSS技术吧1 – 跨浏览器的inline-block&... 阅读全文

摘要： 我们都知道我们可以写一段html来把浏览器的地址栏图标替换成自己网站的图标，但是你知道在不同你浏览器下显示不同icon图标的方法吗？尤其是在Firefox下还能显示动态的地址栏icon图标呢！下面icech就为大家讲解一下如何设置不同浏览器下不同的地址栏icon图标。　　1、普通方式下的地址栏icon图标替换　　方法1：制作一个ico图标，然后重命名为favicon.ico，将这个icon图标文件... 阅读全文

摘要： 共享一个简单的JS拖动层效果，支持ie，ff，opera，safari；ie有专门的拖动方法：dragstart,drag,dragend分别是开始拖动，拖动，结束拖动。但是其他浏览器（dom类，例如ff）不支持这些拖动方法。所以只能用鼠标事件模拟拖动层效果。实现原理：我们知道用户使用拖动效果，需要完成一下事件1.在某个区域按下鼠标左键，2.按住鼠标左键不放，拖动鼠标；3.拖到合适的位置后，放开鼠... 阅读全文