学习jQuery之旅 - 新手必须知道的常用方法

2016年07月29日 85 阅读

学习jQuery之旅 - 新手必须知道的常用方法2010-12-15 博客园 GWPBrianjQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数 ，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。事件 处理ready（fn）代码：$（document）.ready （function（）{ // Your code here...}）；作用 ：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载 入就绪...

学习jQuery之旅 - 使用炫酷的jQuery插件

2016年07月29日 101 阅读

学习jQuery之旅 - 使用炫酷的jQuery插件2010-12-15 博客园 GWPBrian前两篇文章中，介绍了jQuery中强大的Selectors （选择器）以及开发中比 较常用的方法的使用。今天和大家一起体验一下jQuery另一个吸引人的地方--强 大炫酷实用的jQuery插件。做网站的都知道，网站的美工很重要，如果 一个BS的软件美工做的不好，技术含量很高，算法再高深，也不会很受到用户的 青睐。（其实CS的也是如此）然而jQuery强大的插件...

如何在jsp中使用jquery的ajax功能

2016年07月29日 107 阅读

如何在jsp中使用jquery的ajax功能2010-12-15$（document）.ready（function（） { $（"a"）.click（function（） { $（"#decimal"）.val（"这是一个例子"）; $（"#inputtext"）.val（"控制text"）; }）;/* $（"a"）.click（function（） { ...

jQuery的模板与数据绑定插件

2016年07月29日 94 阅读

jQuery的模板与数据绑定插件2010-12-15 博客园 Q.Lee.lulu今天重典在群上说的这个，记录一下，以备后查。ASP.NET AJAX 4.0中提供了客户端的数据绑定功能，相信大家都听说过了吧 ，有兴趣的可以看：Using ASP.NET AJAX Templates废话不说，直接推荐两个jQuery的模板插件：Chain.jsHackszine.com: Chain.js - data binding for jQueryhttp://w...

高级jQuery：让好的应用程序变成强大的应用程序

2016年07月29日 103 阅读

高级jQuery：让好的应用程序变成强大的应用程序2010-12-15 IBM Michael Abernethy简介这个关于 jQuery 的系列文章帮助您提高了创建基于 JavaScript 的 Web 应用程序的能力。即使您在阅读这些文章之前从未听说过 jQuery，但是您应该已经具备了使用 jQuery 构建良好的 Web 应用程序所需的 语言技能和背景知识。但是，有时候良好的应用程序还不能满足需求，这时您将 需要一个强大的 Web 应用程序。这就...

CorMVC - 一个基于jQuery的js MVC实验性项目

2016年07月29日 126 阅读

CorMVC - 一个基于jQuery的js MVC实验性项目2010-12-15 博客园 riccc项目地址: CorMVC - jQuery-powered Model-View-Controller Frameworkdemo站点: http://www.bennadel.com/resources/projects/cormvc/demo， 进入后点CONTACTS进入演示界面实现上很简单，也很有意思主要机制以demo站点上的联系人功能为例，下面这...

Jquery源码分析---导言

2016年07月29日 95 阅读

Jquery源码分析---导言2010-12-15prk（彭仁夔）jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库 相比，它剑走偏锋，从web开发的实用角度出发，抛除了其它Lib中一些中看但不 实用的东西，为开发者提供了优美短小而精悍的类库。其使用简单，文档丰富， 而且性能高效，能极大地提高web系统的开发效率。因此可以说是web应用开发中 最佳的Js辅助类库之一。大部分开发者正在抛弃Prototype，而...

Jquery源码分析---构建Jquery的Dom元素

2016年07月29日 92 阅读

Jquery源码分析---构建Jquery的Dom元素2010-12-15prk（彭仁夔）在jQuery.fn.init函数中，最终的结果是把Dom元素放到jQuery对象的集合， 我们可以传入单个Dom元素或Dom元素集合直接把其存到jQuery对象的集合。但是 如果第一个参数是string类型的话，如#id就要把Dom文档树去查找。对于html的 片断就得生成Dom元素。我们再进一步，传入的单个Dom元素或Dom元素集合参数 又是从那里来的？我们可以通...

Jquery源码分析---jQuery类数组的分析

2016年07月29日 98 阅读

Jquery源码分析---jQuery类数组的分析2010-12-15prk（彭仁夔）4.1、类数组构建从上节可以看出jquery构建函数完成了查找或转换 或其它的功能，其结果就是查找到元素。Dom树查找，html转换成Dom元素，还是 直接传入Dom元素都不过是方式而已。找到这些元素就得找个地方去存储起来。存储有序数据的地方（集合）在JS中最好的当然是数组。那么又如何在 jQuery内面实现数组呢？可以采用如下的方式：jQuery.fn.prototyp...

Jquery源码分析---DOM元素（中）

2016年07月29日 90 阅读

Jquery源码分析---DOM元素（中）2010-12-15prk（彭仁夔）5.2.2 width&heigth对于元素的宽度和高度，dom元素提供了 client（clientHeight,clientWidth）、offset（offsetHeight,offsetwidth）、 scroll（srollHeight,srollWidth）三种方式，这三种有什么区别呢？ client=content+padding。Offset=conten...

Jquery源码分析---DOM元素（下）

2016年07月29日 88 阅读

Jquery源码分析---DOM元素（下）2010-12-15prk（彭仁夔）5.3.2 insert在IE中提供了insertAdjacentElement（）方法，这个方 法比insertBefore（）和appendChild（）好用。为了保证兼容性，像 prototype,mootools，Ext都提供了一个类似的方法，之后在扩展出四个方法。 分别在元素的前面或后面，元素的内部开始或内部结束处四个地方插入元素。Jquery也一样，提供了domMan...

Jquery源码分析---Event分析

2016年07月29日 83 阅读

Jquery源码分析---Event分析2010-12-15prk（彭仁夔）6.1 event的包裹浏览器的事件兼容性是一个令人头疼的问题。IE的 event在是在全局的window下，而mozilla的event是事件源参数传入到回调函数 中。还有很多的事件处理方式也一样。Jquery提供了一个 event的包裹 ，这个相对于其它的lib提供的有点简单，但是足够使用。//对事 件进行包裹。 fix : function（event） { if （...

Jquery源码分析---DOM元素（上）

2016年07月29日 89 阅读

Jquery源码分析---DOM元素（上）2010-12-15prk（彭仁夔）5.1 dom元素的属性对dom元素的操作，对元素的属性进行操作是很重要的一项。我们可以通过 dom元素的原始方法对元素元素进行操作，但是由于浏览器的兼容等各方面的问 题，jquery和其它的lib一样，都提供了一个完好兼容的操作。5.1.1 Attr名称及描述返回兼容性（ ）当前节点给定Name的属性值（ , ）当前节点给定namespace,Name的属性值（ ）取当前节点给...

Jquery源码分析---Ajax分析

2016年07月29日 97 阅读

Jquery源码分析---Ajax分析2010-12-15prk（彭仁夔）7.1 jquery的ajax常用方法对于Ajax原理不深入分析。Jquery肯定也 会提供Ajax的实现。对于ajax的请求，可以分成如下的几步：1、通过 new XMLHttpRequest 或其它的形式（指IE）生成ajax的对象xhr。2、通 过xhr.open（type, url, async, username, password）的形式建立一个连接。3、通过setReq...

Jquery源码分析---expand（扩展）

2016年07月29日 98 阅读

Jquery源码分析---expand（扩展）2010-12-15prk（彭仁夔）9 jquery的架构9.1、架构概述前面二篇就jquery 的源码进 行了逐一进行了分析。那么我们现在站在一定的高度来分析或看看jquery的源码 。Jquery的源码不同于prototype，mootools，它们对 Array,String,Event,Hash都进行了大量的扩展，然后才对element，form之类的 dom元素提供了方便及兼容的操作。Jqueryr ...

Jquery源码分析---FX分析

2016年07月29日 93 阅读

Jquery源码分析---FX分析2010-12-15prk（彭仁夔）8.1 FX的常用方法和前面分析的代码相比，FX是非常让人兴奋的。以 前javaeye登陆的时候，对其登陆窗口的淡出淡入的特效总是想入非非。Jquery 的core包中也提供了Fx的实现。Fx的实质是连续有序改变dom元素的属性 达到视觉上的效果，动态地变化起来。这些属性主要是高度，宽度，透明度和颜 色（背景色和前景色）等。连续有序是和时间相关的，也就是先在某个时间点改 变一下CSS的样...

Jquery源码分析---概述

2016年07月29日 97 阅读

Jquery源码分析---概述2010-12-15prk（彭仁夔）jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库 相比，它剑走偏锋，从实用的角度出发，抛除了其它Lib中一些不实用的 东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效 ，能极大地提高开发效率，是开发web应用的最佳的辅助工具之一。因此大部分 开发者在抛弃Prototype而选择Jquery来进行web开发。一些开发人员在...

Jquery源码分析---构建jQuery对象

2016年07月29日 103 阅读

Jquery源码分析---构建jQuery对象2010-12-15prk（彭仁夔）2.1、jQuery的设计理念使用jQuery之前，我们都会问jQuery是什么？jQuery是一个类库，和 prototype，mootools等类库一样，为Web的Js开发提供辅助功能。那为什么要选 用jQuery呢？在jQuery出现之前，Prototype，YUI都是很成熟的Js的框架，而且 是各有各的特点。为什么要抛弃它们，而使用后起之秀的jQuery，它有什么优秀...

web前台技术学习总结（1）-CSS实现全浏览器兼容的ellipsis

2016年07月29日 110 阅读

web前台技术学习总结（1）-CSS实现全浏览器兼容的ellipsis2010-12-15 博客园 Kenneth Chen参加项目已经有一段时间了,笔者在web标准设计方面的学习有了不少进步.之 前学习和实践都是边Google边看书进行的,只输入没输出,也很少和大家进行交流 .项目已经接近尾声,有必要进行总结,把自己学到的悟到的在博客园与大家分享 交流,同时温故知新,希望在此过程中学到更多的东西.于是,就有了本系列文 章.最开始来一个比较容易说的清楚的吧...

web前台技术学习总结（2）-用jQuery自定义的请求JSON方法

2016年07月29日 91 阅读

web前台技术学习总结（2）-用jQuery自定义的请求JSON方法2010-12-15 博客园 Kenneth ChenjQuery库中的ajax工具很优秀,也很实用,除了方便的预设方法,还可以通过自 定义来满足自己的要求.比如,自带$.getJSON方法能够很简洁快速的进行ajax的JSON请求:$.getJSON（"/getjsonresponse", {param1:value1},function（data）{ //请求成功...