亚洲男人天堂2018av,亚洲七七久久精品中文国产,亚洲美国产亚洲AV

slideViewer

leekiang — Sat, 10 Mar 2012 19:00:00 GMT

slideViewer�Q�http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
slideViewerPro�Q�Prohttp://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html

slideViewerPro使用配置说明 http://www.oschina.net/p/slideviewerpro

Can I make the Jquery slideViewer autoplay?

type="text/javascript">
var theLinks;
var nCount =0;
var theTimerID;

function init(){
    $("div#mygalone").slideView();
    theLinks = jQuery('#stripTransmitter0 a');

        //for kill interval purposes
    theTimerID = setInterval("autoSlide()",5000);
}
function autoSlide(){
    jQuery.each(theLinks,function(i){
        if(jQuery(this).hasClass('current')){
            jQuery(theLinks[((i+1< theLinks.length)?(i+1):0)]).trigger("click");
            returnfalse;
        }
    });
}

$(window).bind("load", init );

The way I see it you basically have 3 options here:

(1) - Use slideViewPro, but disable thumbnails using the thumbsVis:false option as shown below

$("div#noui").slideViewerPro({
    galBorderWidth:0,
    autoslide:true,  
    thumbsVis:false,
    shuffle:true
 });

(2) - Switch to using the jQuery cycle plug-in instead

(3) - Edit the source code of original slideViewer and add your own autoslide implementation by using timers and firing the click event on the navigation.

leekiang 2012-03-11 03:00 发表评论

leekiang — Fri, 29 Oct 2010 09:16:00 GMT

http://jqfundamentals.com/book/

leekiang 2010-10-29 17:16 发表评论

leekiang — Tue, 02 Feb 2010 14:57:00 GMT

jquery-transmit:
jQuery Multi-file Uploader with Flash

leekiang 2010-02-02 22:57 发表评论

��析jQuery框架与构造对�?�?

leekiang — Thu, 08 Oct 2009 13:53:00 GMT

转自http://developer.51cto.com/art/200907/139005.htm

�q�是一些分析jQuery框架的文�?

针对jQuery 1.3.2版本

面向的读者应具备以下要求

1.非常熟�?zh��n)�HTML

2.非常熟�?zh��n)�javascript语法知识

3.熟�?zh��n)�javascript面向对象斚w��的知�?/p>

4.熟练使用jQuery框架

�a�归正传！

jQuery对象的初始化是写在匿名函数里�?/p>

��像�q�样�Q?/p>

�Q�function�Q�）{alert�Q?jQuery框架分析"�Q�}�Q�（�Q�；

�W�一个括��h��声明了一个函敎ͼ��W�二个括��h��执行�q�个函数。也��是��_(d��)��jQuery框架在页面蝲入的时候已�l�做了一些事情（�q�个个匿名函数已�l�被执行了）�? 做的�q�些事情使我们可以通过$�Q?#yourId"�Q�或$�Q?.yourClass"�Q�等方式获取��面元素�Q��ƈ把获取到的元素包装成jQuery对象�?/p>

匿名函数是怎么实现�q�些功能的呢�Q?/p>

首先框架定义了两个核心对�?/p>

jQuery = window.jQuery = window.$ = function�Q?selector�Q?context �Q?{}

一个是jQuery

一个是$

�q�两个对象都指向一个函�?/p>

�q�个函数是我们��?�Q�）或jQuery�Q�）�Ҏ(gu��)��时的入口�Q�这个方法返回一个jQuery.fn.init�Q?selector�Q?context �Q�；的实例，其实�q�个实例是一个jQuery对象�?/p>

jQuery对象是一个什么样的对象呢�Q?/p>

jQuery对象其实是一个javascript的数�l?/p>

�q�个数组对象包含125个方法和4个属�?/p>

4个属性分别是

jQuery 当前的jQuery框架版本�?/p>

length 指示该数�l�对象的元素个数

context 一般情况下都是指向HtmlDocument对象

selector 传递进来的选择器内容�?如：(x��)#yourId或。yourClass�{?/p>

如果你通过$�Q?#yourId"�Q�方法获取jQuery对象�Q��ƈ且你的页面中只有一个id为yourId的元素那�?�Q?#yourId"�Q�[0]��是 HtmlElement元素与document.getElementById�Q?yourId"�Q�获取的元素是一��L(f��ng)��

jQuery对象是怎么构造出来的呢？

�q�个对象��是刚才我们提到�?/p>

jQuery = window.jQuery = window.$ = function�Q?selector�Q?context �Q?{}

框架不只为此对象定义了一个方法，�q�定义了它的原型�Q�prototype�Q?/p>

jQueryjQuery.fn = jQuery.prototype = {//此处为json对象}

原型的定义是通过json对象定义�?/p>

�?/p>

{

init�Q?function�Q?selector�Q?context �Q?{//�Ҏ(gu��)��体}�Q?/p>

jQuery�Q?"1.3.2"�Q?/属�?/p>

size�Q?function�Q�） {//�Ҏ(gu��)��体}�Q?/p>

//…�?/p>

}

前面提到�?25个方�?个属性有一部分在这个json对象中完成定义的 �q�个json对象中第一个方法就是init�Ҏ(gu��)��也就是入口方法中的jQuery.fn.init�Q?selector�Q?context �Q�；此方法与一个正则表辑ּ�对象配合来构造jQuery对象

�q�个正则表达式�ؓ(f��)�Q?/p>

quickExpr = /^[^<]*�Q?lt;�Q�。|\s�Q?>�Q�[^>]*$|^#�Q�[\w-]+�Q?/

下面我们说一下init�Ҏ(gu��)��的实现逻辑

此方法有两个参数

一个是selector�Q�选择器）

一个是context�Q�上下文�Q?/p>

selector��是我们�?�Q?#yourId"�Q�或jQuery�Q?.yourClass"�Q�传递进来的变量

�q�个参数不一定是字符�Ԍ��也可能是其他形式的变�?/p>

�{�会(x��)儿我们就�?x��)介�l�到

context参数我们在��用jQuery的时候很��用刎ͼ�暂且不表

注意�q�两个参数都在返回的jQuery对象中体现出来了�Q�以两个同名的属性展�C�）

下面看一下这个方法体内部的实现逻辑

//如果没有选择器或者选择器�ؓ(f��)�I�的话，��把document对象赋值给�?br />selector = selector || document;
//如果selector参数是dom元素�Q�直接返回jQuery对象
//也就是说你可�?(document.getElementById("allen"))把你的元素封装成jQuery对象
if ( selector.nodeType ) {
this[0] = selector;
this.length = 1;
this.context = selector;
return this;
}
//typeof 取对象的�c�d��Q�用三个�{�号效率较高�Q?不需要类型�{换，两个�{�号默认有类型�{�?br />if ( typeof selector === "string" ) {
//�q�里用到了我们前面提到的正则表达式quickExpr
//match其实是一个数�l?br />//�W?个元素是与正则表辑ּ�相匹配的文本
//�W?个元素是与正则表辑ּ�的第1个子表达式相匚w��的文本（如果有的话）
//�W?个元素是�W?个子表达式相匚w��的文本（如果有的话）
//�W?个元素是�W?个子表达式相匚w��的文本（如果有的话）�q�里��是元素的ID�Q�不包含#
var match = quickExpr.exec( selector );
//正则表达式匹配到了内容 �?�q�且 match[1]不�ؓ(f��)�I?或�?context为空
//match[1]不�ؓ(f��)�I�的时候selector是HTML字符�Ԍ��也就是你可以�?("
xland
")把对象包装成jQuery对象
//context为空的时候selector是页面元素ID
if ( match && (match[1] || !context) ) {
//选择器�ؓ(f��)html字符串�?此情冉|��且不�?br />if ( match[1] ){
selector = jQuery.clean( [ match[1] ], context );}
//选择器�ؓ(f��)ID
else {
//得到元素
var elem = document.getElementById( match[3] );
//如果得到了这个元素但是元素的ID属性不是match[3]�Q�蟩入分支。分支里面的东西做了什么工作，暂且不表
if ( elem && elem.id != match[3] ){
return jQuery().find( selector );}
//把得到的��面元素��装成jQuery对象
//如果elem为空�Q�就传入一个空数组�Q�框架怎么处理此空数组�Q�暂且不�?br />//如果不�ؓ(f��)�I�就跛_��我们前面说的if ( selector.nodeType )分支�Q�构造出jQuery对象�?br />var ret = jQuery( elem || [] );
//讄��jQuery对象的context属�?br />ret.context = document;
//讄��jQuery对象的selector属�?br />ret.selector = selector;
//�q�回�q�个对象�l�调用�?br />return ret;
}

��x��

var obj = $�Q��?yourId”）�Q?/p>

构造jQuery对象的初步工作就做完�?/p>

leekiang 2009-10-08 21:53 发表评论

ajax跨域调用及jsonp

leekiang — Sat, 18 Jul 2009 17:48:00 GMT

Ajax的应用中�Q�由于安全的问题�Q�浏览器默认是不支持跨域调用的。传�l�解决的�Ҏ(gu��)��Q�包括：(x��)�Q�参考http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/�Q?/p>

Local proxy:: Needs infrastructure (can't run a serverless client) and you get double-taxed on bandwidth and latency (remote - proxy - client).
Flash:: Remote host needs to deploy a crossdomain.xml file, Flash is relatively proprietary and opaque to use, requires learning a one-off moving target programming langage.
Script tag:: Difficult to know when the content is available, no standard methodology, can be considered a "security risk".

以上�Ҏ(gu��)��都各有缺��P��都不是很好多解决�Ҏ(gu��)��。后来出��C��一�U�叫JSON with Padding 的技术，��U?JSONP .�Q�原理参考http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/�Q�，�? 用JSONP可以实现JSON数据的跨域调用。非常的�q�运�Q�JQuery1.2以后支持JSONP的应用。下面侧重说明在JQuery中，Json的跨�? 调用�?/p>

应用JSONP实现Json数据跨域调用�Q�需要服务器端与客户端的合作完成。引用Jquery官方的例子，客户端掉用如下：(x��)

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });

注意�q�里调用的地址中jsoncallback=?是关键的所在！其中�Q�符号会(x��)被Query自动替换成其他的回调�Ҏ(gu��)��的名�U�ͼ�具体�q�程和原理我们这里不�? �?x��)。我们关心的是jsoncallback=?起什么作用了�Q�原来jsoncallback=?被替换后�Q�会(x��)把方法名�U�C��l�服务器。我们在服务器端要做什么工作呢�Q�服务器要接受参数jsoncallback�Q�然后把jsoncallback的��g��为JSON数据�Ҏ(gu��)��名称�q�回�Q�比如服务器是JSP,我们�?x��)�? 样做�Q?/p>

...

String jsoncallback=request.getParameter("jsoncallback");

...

out.print(jsoncallback+"({\"account\":\"XX\",\"passed\":\"true\",\"error\":\"null\"})");

Jquery取得的数据可能如下：(x��)

JQUET0988788({"account":"XX","passed":"true","error":"null"})

�ȝ��Q�用JSONP要做两�g事：(x��)

1/��h��地址加参敎ͼ�(x��)jsoncallback=?

2/服务器段把jsoncallback的��g��为方法名传回来，如JQUET098788(...)

参考：(x��)

http://www.javaeye.com/topic/169765

http://www.javaeye.com/topic/260647

leekiang 2009-07-19 01:48 发表评论

jquery与其他库的冲�H�及解决

leekiang — Thu, 11 Jun 2009 06:50:00 GMT

				
						
								
如果引入jquery后再引入
				Scriptaculous�?code>effects.js,���可能出现莫名其妙的问题�?br />jQuery("#id")正常�Q�但�c�M��于jQuery("name='test'")之类的查询就�?x��)出错�?br />原因是旧版本(1.5.1)�?code>effects.js里有代码污染了Array的call�Ҏ(gu��)��
Array.prototype.call = function() {
  var args = arguments;
  this.each(function(f){ f.apply(this, args) });
}

参考一
参考二
http://www.javaeye.com/topic/84683
http://www.javaeye.com/topic/184859

leekiang 2009-06-11 14:50 发表评论

leekiang — Wed, 11 Mar 2009 11:59:00 GMT

1�Q��用jdk1.3版本的json-lib.jar时依赖的�?不一定准��，只是作个记录)
commons-beanutils.jar;//必须�?.7以上
commons-collection.jar;//必须3.1以上
ezmorph.jar;

leekiang 2009-03-11 19:59 发表评论

leekiang — Tue, 04 Nov 2008 10:27:00 GMT

遇到一个需求，需要根据当前页面的状态动态设�|�定义在input上的my97日期控�g的onfocus事�g是否启用。几�l�周折，才搞定�?br />对于已经写在input上的onfocus事�g:

我用jquery的unbind函数��L��都解决不了�?br />最后只能用IE的detachEvent来解冻I��而用�q�个detachEvent又有两个要注意的:
(1)detachEvent的事件必��L��先前attachEvent的�?br />(2)函数不能带参敎ͼ�故用了个自定义的无参的my97dp函数来中转�?br />真是搞不懂，又不能专门花旉��来把js事�g机制搞得很清楚�?br />代码如下:

leekiang 2008-11-04 18:27 发表评论

jquery换肤

leekiang — Wed, 13 Aug 2008 18:28:00 GMT

http://www.lvjiyong.com/item/JQuery-Style

leekiang 2008-08-14 02:28 发表评论

Jquery动画

leekiang — Fri, 20 Jun 2008 13:03:00 GMT

http://www.lzby.net/boho/blog/?p=207
http://www.lzby.net/boho/blog/?p=206

leekiang 2008-06-20 21:03 发表评论

leekiang — Fri, 06 Jun 2008 18:39:00 GMT

1,整体�l�构如下

( function () {
// …�?/span>
})();

�W�一�Ҏ(gu��)��号里是一个匿名函敎ͼ��W�一�Ҏ(gu��)��可��C�执行该函数�?br />�? js的匿名函数模式 �?http://www.hedgerwow.com/360/dhtml/js-anonymous-function-patterns.html
非匿名函数的�c�M��写法如下

( function test(){alert('test');})();

所有的jquery代码都放在该匿名函数里，避免了命名冲�H�。但有两个要单独处理:'jQuery'�?$'

// Map over jQuery in case of overwrite
var _jQuery = window.jQuery,
// Map over the $ in case of overwrite
    _$ = window.$;

var jQuery = window.jQuery = window.$ = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
};

noConflict: function( deep ) {
        window.$ = _$;

        if ( deep )
            window.jQuery = _jQuery;

        return jQuery;
    },

假如没有执行noConflict,则原来定义的$或jQuery(如果定义了的�?�?x��)被一个新函数覆盖�Q�只在内部留一个原来的引用(名叫_$或_jQuery)�?br />如果要兼容原来的$,则执行jQuery.noConflict(),然后只能用jQuery的写�?
极端情况:"jQuery"也被占用了，又要兼容�Q�那么执行var myJQ =jQuery.noConflict(true),以后全用myJQ的写法�?br />注意:�q�时jquery.js要放在其他js的后面�?br />2�Q?br /> 定义jQuery的构造和原型函数�Q�这个过�E�同时定义了prototype的别名�ؓ(f��)fn:jQuery.prototype=jQuery.fn�?jQuery对象的原型prototype包括了诸多的核心�Ҏ(gu��)��和属性：(x��)
init
jquery 当前的版本号
size �q�回了length属�?br />length
get
each
...
定义完了以后必须写以下代码，不明�?br />

// Give the init function the jQuery prototype for later instantiation(晚初始化?)
jQuery.fn.init.prototype = jQuery.fn;

�?a >http://bbs.blueidea.com/thread-2843388-1-1.html
jQuery.prototype.init( selector, context )是jQuery对象的一个成员函�?但是在jQuery构造函��C��L��?x��)执行这个函�?所以说"它是加强的构造函�?init constructor 'enhanced')。因为在执行构造函数jQuery 时��L��?x��)执行它�?�q�也是很多框架的典型做法�?br />jQuery�?个��n份，�c�，对象�Q�函敎ͼ�构造函敎ͼ��?br />如果find是对象的�Ҏ(gu��)��Q�即�c�M��?jQuery.find=function(){}
那么��应该��用jQuery.find();

如果find是类的成员函敎ͼ�即类��g�� jQuery.prototype.find=function(){}
那么必须通过jQuery()�q�回jQuery实例�Q�再调用find�Ҏ(gu��)��Q�即jQuery().find()�?br />
8,jQuery源码解读---执行�q�程分析
http://hi.baidu.com/zhuguoneng/blog/item/3d07e9d667e9482b06088b4c.html

leekiang 2008-06-07 02:39 发表评论

jquery的ajax相关�W�记

leekiang — Tue, 27 May 2008 14:48:00 GMT

jquery中AJAX的�ƈ发执行问�?/span>
关于ajax的应用，异步�q�发�Q�导致的问题

http://m.tkk7.com/emu/archive/2005/11/22/20888.html
CACHE
如果使用xmlhttp控�g�Q�在发�vhttp��h��的时候IE�?x��)包办cache�{�略�Q�很多时候更��C��数据却无法获得更新后的数据。一开始试囄��传统方式在URL后面加随机数来强制更斎ͼ�但是IE仍然距不发出新的��h��?br />

一个解��x��法是在后台写expires: 0或者其他的��止前台cache的头�Q�但是这样在数据没有更新的时候又�?x��)带来不必要的服务器压力、响应�g�q�和带宽��费�?br />一个稍微好一点的解决�Ҏ(gu��)��是，前台在提交数据以后，需要强制更新数据的时候：(x��)

xmlhttp.setRequestHeader("If-Modified-Since","0");

leekiang 2008-05-27 22:48 发表评论

leekiang — Thu, 08 May 2008 05:19:00 GMT

1�Q�jquery插�g开发模�?
http://www.learningjquery.com/2007/10/a-plugin-development-pattern
There are a few requirements that I feel this pattern handles nicely:
(1)、Claim only a single name in the jQuery namespace
(2)、Accept an options argument to control plugin behavior
(3、Provide public access to default plugin settings
(4、Provide public access to secondary functions (as applicable)
(5、Keep private functions private
(6、Support the Metadata Plugin
(7,无论何时候，当你的代码出现each�Ӟ��你应该重写代码来构造一个插�?br />
2,jquery源码初步研究(插�g扩展机制)
http://hi.baidu.com/uniquejava/blog/item/d55a2e12140f6953f819b821.html

3,传入回调函数的一�U�写法，不知可有更好�?br />   传参时的写法: callback:'test()'
   调用时的写法:
    if(options.callback) eval(options.callback);
来源 http://www.heartstringz.net/blog/posts/view/jquery-countdown-plugin

4�Q?function($){
$.fn.extend({
        plusin:function(opt,callback){
   return this;
        }
})
})(jQuery);

(function($){
$.fn.plusin = function(opt,callback){
  return this;
}
})(jQuery);
请问�q�两�U�方式有什么区�?
��p��U�情况而言�Q�是没有区别�?
当然extend有多个重载�?br />http://news.cnblogs.com/group/topic/2640/

leekiang 2008-05-08 13:19 发表评论

很有用的jquery插�g

leekiang — Wed, 07 May 2008 06:36:00 GMT

1,bgiframe
http://plugins.jquery.com/project/bgiframe
suggested patch for div on top of flash frame problem in IE7
2,dimensions
http://plugins.jquery.com/project/dimensions
http://brandonaaron.net/docs/dimensions/
3,suggest
http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/
4,hotkey
$.hotkeys.add('Ctrl+c', function(){ alert('copy anyone?');});
$.hotkeys.remove('Ctrl+c');
http://code.google.com/p/js-hotkeys/
http://plugins.jquery.com/project/clickOrEnter
5,validate
http://jquery.bassistance.de/validate/demo/
猫冬的表单验证插�?br />http://www.cnblogs.com/wzmaodong
http://www.yhuan.com/formvalidator/userguide.html
6,png fix插�g
解决png在IE5,6下的昄��问题
使用:$("#testdiv").pngFix();
http://plugins.jquery.com/project/pngFix
http://jquery.andreaseberhard.de/pngFix/
7,Accordion
应该是��用最多的jquery accordian.回复比较�?br />http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
http://groups.google.com/group/jquery-ui/topics 作者要求回复到�q�里
8,hoverIntent
能根据鼠标的�U�d��U�d��速度和是否停留进行相应的处理
http://cherne.net/brian/resources/jquery.hoverIntent.html
9,slide�qȝ��效果
http://www.malsup.com/jquery/cycle/
10,tooltip
http://jquery.bassistance.de/tooltip/demo/
11,ajax Queue
好像是支持按照发��求的��序来依�ơ执行回调函�?不处理的话快速发出大量请求时响应�?x��)��?�?br />某�h的评�?
The uses of this plugin are pretty obscure to most people. This plugin helps you deal with situations where a javascript function is completing before you intend for it, and allowing other functions to execute, while a crucial function somewhere is still processing. Some know what I’m talking about�?this plugin was absolutely crucial for our ajax comments. God bless the authors.
http://plugins.jquery.com/project/ajaxqueue
12,corner
$(this).corner("round");
http://www.methvin.com/jquery/jq-corner-demo.html
13,truncate 截断字符�?br />http://www.cssrain.cn/demo/truncate-2.2/index.html
14,contextmenu
http://www.trendskitchens.co.nz/jquery/contextmenu/
15,progress bar
http://digitalbush.com/projects/progress-bar-plugin
http://www.jb51.net/article/13993.htm��?br />16,multiple-file-upload
http://www.fyneworks.com/jquery/multiple-file-upload/
17�Q�easydrag
http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/
��z�的拖动功能实现。比 interface 插�g的简单很多，�Ҏ(gu��)��动有很高要求的可以参考这个插件来定制�?a >http://space.cnblogs.com/RChen/木野狐对此插件稍有修改，在两��帖子里有介�l�（扩展�?jquery 的插�?easy drag , 漂��Q�H�口拖动杂谈�Q�箋�Q?/font> �Q?br />18,jCarouselLite
http://gmarwaha.com/jquery/jcarousellite/index.php
19,chartotable
http://www.hovinne.com/dev/jquery/chartotable/ 好玩
20,scroll 滚动
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
http://jscroller.markusbordihn.de/example/left/
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
21,calculation计算插�g
$("input[@name='price1'], input[@name='price2'], input[@name='price3']").sum("keyup", "#totalprice")
�q�个插�g也没有考虑四舍五入的问�?例如1.3+2.667
http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm

22,jQuery Easing �~�和?
http://gsgd.co.uk/sandbox/jquery/easing/

23,livequery
能自动给动态添加的元素�l�定事�g。京东商城用了�?br />http://feiyu.asgard.cn/article_155.html

24,jtemplates
Template engine in JavaScript. Plugin to jQuery.
http://jtemplates.tpython.com/
http://hi.baidu.com/df1019/blog/item/42ba7ffbfea208106c22eb53.html
http://hi.baidu.com/df1019/blog/item/d4cfbd2b380863fce6cd4089.html
http://m.tkk7.com/OneEyeWolf/archive/2008/11/17/240999.html

25,jcache
A client-side caching plugin
http://www.skidvn.com/jcache
http://www.hackeye.com/article/5487/

26,
Jquery Floating Box Plugin
http://www.phpletter.com/Demo/Jquery-Floating-Box-Plugin/

27,clickmenu
多��菜单 http://p.sohei.org/jquery-plugins/clickmenu

28,
jCarousel 是个非常好看又好用的内容滚动切换插�g�Q�可以实现按序水�q�x��垂直方向的内容列表的切换�?br />

50多个强大的jQuery插�g应用实例

45个新鲜出炉的jQuery插�g

37个更加出色的jQuery插�g

leekiang 2008-05-07 14:36 发表评论

jquery自动完成

leekiang — Wed, 07 May 2008 06:16:00 GMT

以下写得很零��，�U��a是备�?br />1,
(1)如果用keydown,用中文输入法时在输入框里输汉语拼音的字母��׃��(x��)有感�?故只能用keyup
(2)后退问题.
如何区分是在中文输入法的输入框里的后退�Q�还是自动完成录入框里的后退�Q�二者的处理是不一��L(f��ng)��?br /> (3)��认�?br /> 光标在form里时�Q�按��认键浏览器�?x��)自动提交。而我惌��的是一按确认键�Q�自动录入选中的那一��V�?br />如何在按��认键时不让form截获�q�个事�g。要做成通用的，而不是在每一个form里写歅R�?br /> (4)调试时慎用alert
alert然后��定时会(x��)自动执行blur,�?x��)媄响的原来�E�序的执行次�?br />

2,插�g
(1)http://code.google.com/p/jqac/ 不错
(2)http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete 很好很强�?br /> (3)http://www.dyve.net/jquery/?autocomplete 有遮盖select box功能
(4)http://docs.jquery.com/Plugins/AutoComplete
(5)http://mabp.kiev.ua/content/2008/04/08/autocomplete_by_your_own_hands
(6)http://www.pengoworks.com/workshop/jquery/autocomplete.htm
(7)http://huacn.blogbus.com/logs/19643985.html

��试鼠标事�g和键盘事件在IE和FF下的执行�ơ序,同时��试在中文输入法下的执行�ơ序

你会(x��)发现�Q�在非中文输入法模式�?IE和FF大体上按下面的顺�?br />(1)对key 来说 :keydown-->keypress-->keyup
如果持箋按住键位,keydown�?x��)持�l�执�?
如果要阻止按键的默认行�ؓ(f��),必须使用keypress(用return false),但按backspace时不�?因�ؓ(f��)backspace时只执行keydown和keyup,keyup之前回退的效果已�l�生效了�?br />(2)对mouse来说 :mousedown-->mouseup-->click ,在IE下如果在与按下鼠标的相同元素上松开则��生click事�g,如果村ּ�时已�l�离开最初按下时的元素了�Q�则不会(x��)产生click事�g;但据我观察FF下不是这�?FF下无论鼠标是否在最初的元素上松开�Q�都�?x��)��生click事�g�?br />
在中文输入法模式�?
(1)FF

其中downup-up-是输入法切换时的键盘事�g
输入�W�一个字母时产生down-press事�g,然后输入��M��字母都不�?x��)��生键盘事�? 只有按确认输入的键了�Q�例如按space或是1,才会(x��)执行up事�g,见右图�?br />也就是说录入一�ơ中文时�Q�不��中间过�E�怎么��P��整个的键盘事件只�?�?down-press-up
(�?以上说的键盘事�g都是指发生在input上的)
2,IE

其中downup-up-也是输入法切换时的键盘事�?br />然后在输入法框里的所有按键都产生一对downup事�g,包括回退和确认都是�?br />无论光标在input�q�是在输入法框按回退�Q�都是down-up

用style.imeMode好像无法得到当前text的输入法模式
(http://topic.csdn.net/t/20040908/13/3351801.html)

http://www.hihiyou.com/?p=5
http://realazy.org/blog/2007/10/31/solution-of-keyup-failing-when-ime-is-on/
http://topic.csdn.net/t/20040714/21/3175529.html
http://www.javaeye.com/topic/191555

�?IE中onpropertychange时要用event.propertyName == "value"

document.getElementById('tt').attachEvent('onpropertychange',function(e){
        for(var item in e){
            alert(item+":"+e[item]);//遍历可看�?/span>propertyName
        }
    });

判断表单里的元素的值有没有发生变化:

奇怪的是先jQuery,再each,再用$(this).get(0).attachEvent("onpropertychange",fn); 好像不可�?
�q�有
$("textarea").bind('propertychange',function(e) {
e.preventDefault();
// Your code here
});好像也不�?br />

leekiang 2008-05-07 14:16 发表评论

jquery�W�记

leekiang — Mon, 28 Apr 2008 07:58:00 GMT

1,js的事件函�? click(); click(fn);
分两�U�，一�U�是�l�定事�g�Q�带参，形如eventName(fn);
一�U�是触发事�g,不带�?形如eventName(),客户触发或者程序模拟触发�?br /> 触发时包括了��览器的默认行�ؓ(f��)�?br /> 但可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为�?br /> 在eventName(fn)的函��C��内，this 指代的是DOM对象而非jQuery对象.可用$(this)得到jquery对象

2,each(fn);
�q�回 'false' ��停止��@�?(��像在普通的循环中��?'break')�?br /> �q�回 'true' 跌��下一个��@�?��像在普通的循环中��?continue')�?br />
3,attr("checked", true)和attr("checked", '')是同��L(f��ng)��效果,但attr("checked", 'true')不行

操作 radio

var item = $("input[name='items'][checked]").val();

$("input[name='items']").get(1).checked = true;

$("[name='isf'][value='yes']").attr("checked",true);

操作 select

var item = $("select[name='items'] option[selected]").text();

$('#select_id')[0].selectedIndex = 1;

5,属性选择�?br /> [attribute] 匚w��包含�l�定属性的元素
[attribute=value] 匚w��l�定的属性是某个特定值的元素
[attribute^=value] 匚w��l�定的属性是以某些值开始的元素
[attribute!=value] 匚w��l�定的属性是不包含某个特定值的元素
[attribute$=value] 匚w��l�定的属性是以某些值结��元素
[attribute*=value] 匚w��l�定的属性是以包含某些值的元素
[selector1][selector2][selectorN] 复合属性选择器，需要同时满��_��个条件时使用�?br /> 例如$("input[id][name$='man']")

6,$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效�?/p>

7,$('input').one("click", function(){
alert($(this).val());
});
此事件执行一�ơ即被删�?br />
8,$("form input") 匚w��所有的后代元素(子子孙孙)
$("form > input")匚w��所有的子元�?只有儿子)
$("div,span,p.myClass")��每一个选择器匹配到的元素合�q�后一赯��?br />
9,disabled的用�?br />以下两种写法没有区别,都表�C�Z��可用:
$("#btn").attr('disabled','false')�?("#btn").attr('disabled','true')
可用的话要用:
$("#btn").removeAttr('disabled');�?("#btn").attr('disabled', false);//注意无引�?br />
10,mouseout的处�?br />http://tangb4c.yo2.cn/archives/632854
http://www.zhangjingwei.com/show-93-1.html
http://bbs.51js.com/thread-70665-1-1.html

11�Q�jquery处理表格
http://blog.blueshop.com.tw/jeff377/archive/2008/02/01/54237.aspx
http://15daysofjquery.com/examples/zebra/

12 jQuery构造函数详�?br />http://hi.baidu.com/xletian/blog/item/30810de92776be3bb90e2d69.html

13,jquery的布局��理器layoutManager

14, 注意有空格和没空格的区别

var sel = $("#itemList [issel='true']");//itemList下所有含有issel='true'属性的子孙元素.好像用find�{�别的方式都实现不了�?/p>

var sel = $("#itemList[issel='true']");//用issel='true'�q��o(h��)前面的元�?/p>

15,只读的写�?/p>

jQuery(":input[name='title']").attr('readonly','readonly')

或jQuery(":input[name='title']")[0].readOnly=true

16�Q�重复复制同一个div

var tempDiv=jQuery('.cont').eq(0).clone();
jQuery('.cont').eq(jQuery('.cont').length-1).after(tempDiv);

17, id="org.id"时要转义:$("#org\\.id").val();

18�Q?span style="color: rgb(128, 64, 64);">jQuery的serialize

可用来获取表单里元素的值拼成一个query string

jquery相关插�g或项�?br />(1)图表flot (http://code.google.com/p/flot/)
       jqchart  http://www.reach1to1.com/sandbox/jquery/jqchart/
     ��d��drawing     http://www.openstudio.fr/Library-for-simple-drawing-with.html

leekiang 2008-04-28 15:58 发表评论

leekiang — Fri, 28 Mar 2008 08:02:00 GMT

http://www.malsup.com/jquery/block/#displaybox
http://dev.iceburg.net/jquery/jqModal/

http://bbs.blueidea.com/viewthread.php?tid=2844333&extra=&page=1

扩展�?jquery 的插�?easy drag

�?jQuery �?AJAX 功能发现的一个错�?注意点：(x��)HTTP Error 411

漂��Q�H�口拖动杂谈�Q�箋�Q?/font>

http://trentrichardson.com/Impromptu/index.php

http://www.aspstat.com/jbox/demo.htm
http://www.cnblogs.com/huacn/archive/2007/09/03/jquery_jwindow_js.html 李华��?br />

癑ֺ��I�间的popup效果分析

leekiang 2008-03-28 16:02 发表评论

jQuery与Ajax(�?

leekiang — Thu, 06 Mar 2008 18:31:00 GMT

在我所知道的主��JavaScript库中�Q�jQuery拥有最��的Ajax API。最��单的Ajax调用如：(x��)

				jQuery('div#intro').load('/some/fragment.html');

代码以GET��h��方式�Q�从/some/fragment.html文�g中获取HTML片段�Q��ƈ把片�D�装载到id="intro"的div中�?br />
�? 我第一�ơ看到这行代码时�Q�几乎对它没什么印象。这看�v来非常简�z�，但如果你想用jQuery做些更复杂的事情�Q�比如显�C�Ajax装蝲�q�度�Q�该如何做呢�Q? jQuery��Z��准备了一些可自定义的事�g�Q�ajaxStart�Q�ajaxComplete�Q�ajaxError�{�等�Q�，来实��C��惌��的代码。同�? jQuery也提供了�q�泛的底层API�Q�来实现更复杂的Ajax交互�Q?br />

				jQuery.get('/some/script.php', {'name': 'Simon'}, function(data) {
    alert('The server said: ' + data);
}); // 以GET方式通过/some/script.php?name=Simon获取数据

jQuery.post('/some/script.php', {'name': 'Simon'}, function(data) {
    alert('The server said: ' + data);
}); // 以POST方式�?some/script.php发送请�?br />
jQuery.getJSON('/some.json', function(json) {
    alert('JSON rocks: ' + json.foo + ' ' + json.bar);
}); // �?some.json接收�q�解析数据，把数据�{换成JSON格式

jQuery.getScript('/script.js'); // 以GET方式获取/script.js脚本�q�用eval()执行

http://www.nixsky.com/program/java/2008-02/393.html

选取元素:

jQuery('div.panel'): 选取了所有class="panel"的div
jQuery('p#intro'): 选取了所有id="intro"的段�?/span>
jQuery('div#content a:visible'): 选取了id="content"的div中所有可见的链接
jQuery('input[@name=email]'): 选取了所有name="email"的输入域
jQuery('table.orders tr:odd'): 选取了类名�ؓ(f��)“orders”的表中所有的奇数�?br />
jQuery('a[@href^="http://"]'): 选取了所有（以http://开头的�Q�外部链�?/span>
jQuery('p[a]'): 选取了所有包含一个或多个链接的段�?br />

上述例子中，:visible�?odd是jQuery实现的扩�?很具特色。而属性的选取使用@作�ؓ(f��)标记�Q?/span>

其方式和XPath一��P��要优于CSS2�?br />

jQuery的这套选取语法包罗万象�Q�有些类似正则表辑ּ��Q�想完全消化是需要花上一�D�|��间的�?/p>$(window.frames["innerIframe"].document).find("a[rel='external']").addClass("external")
.click(function(){window.open(this.href);return false;});});

在父�H�口中操�?选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

在IFRAME中操�?选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

取消全�?br /> $("input[@type=checkbox][@checked]").each(function(){
$(this).attr("checked", '');
});

如果选中的只有一个，取得选中的�?br />$("input[@type=checkbox][@checked]").eq(0).val()

leekiang 2008-03-07 02:31 发表评论

jquery函数

leekiang — Fri, 15 Feb 2008 23:11:00 GMT

1,after(html) after(elem) after(elems)
��指定的元素插入到某元素后�?br /> before(html) before(elem) before(elems)与之相反

2,append(html) append(elem) append(elems)
��指定的元素插入到某元素内部的末��位�|?br /> appendTo与之相反,但似乎只能��用appendTo(elem)

3,prepend (html) prepend (elem) prepend (elems)
��指定的元素插入到某元素内部的开始位�|�，注意与append的区�?br />
4,wrap(htm)
��匹配对象包含在�l�出的html代码�?br />
5,next

点这里测�?�Q?lt;/dt>: 1111111111111111
点这里测�??: 2222222222222222

http://tzangms.com/blog/programming/984

http://m.tkk7.com/wangxinsh55/archive/2007/06/25/126166.html

6,深度�Q�递归式的 .extend()
新的extend()允许你更深度的合�q��套对象。下面的例子是一个很好的证明�?br />    // 以前�?.extend()
   jQuery.extend(
     { name: “John�? location: { city: “Boston�?} },
     { last: “Resig�? location: { state: “MA�?} }
   );
    // �l�果:
    // => { name: “John�? last: “Resig�? location: { state: “MA�?} }
// 新的更深入的 .extend()
   jQuery.extend( true,
   { name: “John�? location: { city: “Boston�?} },
     { last: “Resig�? location: { state: “MA�?} }
);
// �l�果
   // => { name: “John�? last: “Resig�?
//      location: { city: “Boston�? state: “MA�?} }

7,1.2.3版本�?.2.1版本的remove�Ҏ(gu��)��的区�?br />1.2.1版本

remove: function(a){

if ( !a || jQuery.filter( a, [this] ).r.length ) {

jQuery.removeData( this );

this.parentNode.removeChild( this );

}

1.2.3版本
remove: function( selector ) {
  if ( !selector || jQuery.filter( selector, [ this ] ).r.length ) {
   // Prevent memory leaks
   jQuery( "*", this ).add(this).each(function(){
    jQuery.event.remove(this);
    jQuery.removeData(this);
   });
   if (this.parentNode)
    this.parentNode.removeChild( this );
  }
}
�?a >http://www.blog.edu.cn/user2/50271/archives/2007/1963499.shtml
http://pyrolupus.com/demo/jqremovebug.php
http://dev.jquery.com/changeset/3790

8, extend()使用详解(不考虑深度的extend)

$.extend(target, prop1, propN)
用一个或多个其他对象来扩展一个对�?即第一个参�?�Q�返回这个最初的、�ƈ且被修改�q�的对象。这是简单的实现�l�承的一大方�?

target (Object): 要扩展的对象
prop1 (Object): 要与�W�一个对象合�q�的对象
propN (Object): (可�? 更多要与�W�一个对象合�q�的对象

合�ƈdefaults和options, 但不修改defaults�Q�返回合�q�后的对�?br />var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend({}, defaults, options);
�l�果 :settings == { validate: true, limit: 5, name: "bar" },defaults没有被修�?/font>

leekiang 2008-02-16 07:11 发表评论

jquery�W�记

leekiang — Fri, 15 Feb 2008 21:33:00 GMT

1,JQuery对象和DOM对象如何转换
JQuery对象才能使用JQuery定义的方法；DOM对象才能使用DOM对象的方法；二者不可以��h��?br /> DOM对象通过$操作则可以�{成JQuery对象。例�?
$(document.getElementById("msg"))
JQuery对象转成DOM对象则较复杂一些。由于JQuery对象本��n也是集合�Q�所以必��通过索引的方式来转成DOM对象。例如：(x��)
$("#msg")[0]
$("div").eq(1)[0]
$("div").get(0)
$("td")[5]

2,JQuery的get�Ҏ(gu��)��和eq�Ҏ(gu��)��的区�?br /> eq�q�回的是jquery对象�Q?br /> get(n)和烦引返回的是dom元素对象�?br /> $("div").eq(2).html(); //调用jquery对象的方�?/span>
$("div").get(2).innerHTML; //调用dom�Ҏ(gu��)��

3,在事件处理程序中如何得到事�g的发��?br />在事件处理程序中可以��x��一个event对象的方式来抓取事�g的发��?br />

$(document).ready(function(){
       $("a.week").click(function(event){
          var uri = "cWtc.do?";
          var params = "action=blankWtc&wd=" + $(event.target).text();
          window.location.href=uri + params;
       });
});

4�Q�JavaScript只拥有单一的、全局的名�U�空��_(d��)��即window对象�Q�，而很多程序员�Q�以及一些库�Q�恣意地��Z��d��各种东西�?br />要知道全局变量是魔��|��聪明的开发�h员，�?x��)��用类似组件模式的技术，来尽力减��全局对象的数量�?br />jQuery仅向全局名称�I�间引入一个标讎ͼ�(x��)jQuery函数/对象。其余的要么是jQuery的直接属性，要么��是调用jQuery函数所�q�回的对象的�Ҏ(gu��)��?br />5,两个select �Q�都是多选的�Q�要求一个按钮，点击时将list1中所有选中的项复制到l(f��)ist2中，而且在list2中已�l�存在的��就不再��d��
http://www.javaeye.com/topic/191788

function copy_onclick(){
$("#list1 option:selected").each(function () {
  $(document.createElement("option"))
.attr("value",$(this).val())
.text($(this).val())
.appendTo('#list2:not(:has(option[value=\''+$(this).val()+'\']))');
  });   }

6�Q?br />http://space.flash8.net/space/?18713/action_viewspace_itemid_328089.html
http://hi.baidu.com/yandavid/blog/item/9f64c033dc623b40ac4b5fda.html
http://www.cssrain.cn/article.asp?id=235
http://www.shineblog.com/user6/mprogram/archives/2008/937200.shtml 框处�?br />
John Resig 的主��?a >http://ejohn.org/
Mike Hostetler�?a >http://amountaintop.com/blog/mike

leekiang 2008-02-16 05:33 发表评论

亚洲男人天堂2018av,亚洲七七久久精品中文国产,亚洲美国产亚洲AV

slideViewer

���析jQuery框架与构造对�?�?

ajax跨域调用及jsonp

jquery与其他库的冲�H�及解决

jquery换肤

Jquery动画

jquery的ajax相关�W�记

很有用的jquery插�g

50多个强大的jQuery插�g应用实例

45个新鲜出炉的jQuery插�g

37个更加出色的jQuery插�g

jquery自动完成

jquery�W�记

扩展�?jquery 的插�?easy drag

�?jQuery �?AJAX 功能发现的一个错�?注意点：(x��)HTTP Error 411

漂��Q�H�口拖动杂谈�Q�箋�Q?/font>

癑ֺ��I�间的popup效果分析

jQuery与Ajax(�?

jquery函数

jquery�W�记

��析jQuery框架与构造对�?�?