随笔分类 - Jquery
Jquery
摘要:Form ValidationjQuery Validation.Auto Help.Simple jQuery form validation.jQuery XAV - form validations.jQuery AlphaNumeric.Masked Input.TypeWatch Plugin.Text limiter for form fields.Ajax Username Chec...
阅读全文
摘要:笔者使用过很多jquery弹窗插件,jqModal是我认为最强大方便的一个,在此做个笔记,以备以后使用时查看。首先,我拿一个示例加以说明,页面上有一个按钮,点击后,可弹出一个dialog,在这个dialog上,有一个查询,点击后会以ajax方式获取查询结果并显示:1.当然是js的引用:Html代码 <scriptsrc="${ctx}/js/jquery.js"type="text/java...
阅读全文
摘要:几个有用的jQuery方法 $.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。 $.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。 如 $.each( [0,1,2], function(i, n){ alert( "It...
阅读全文
摘要:参考资料地址: http://docs.jquery.com/Ajax_Events http://www.cnblogs.com/HeroBeast/archive/2008/10/16/1312476.html Ajax会触发很多事件。 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配。 $.ajax({ beforeSend: function(...
阅读全文
摘要:jQuery学习之bind 在jQuery里面,直接用bind函数和unbind函数为某个DOM或者HTML标签等绑定一个操作和移除一个事件就行了。 例如为一个button添加一个click。可以这样操作 XML/HTML代码 这是一个button,现在我们要为他添加一个事件 JavaScript代码 这样,我们就为这个button绑定...
阅读全文
摘要:描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳...
阅读全文
摘要:本文地址: jQuery Ajax 全解析 本文作者:QLeelulu 转载请标明出处! jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery....
阅读全文
摘要:jQuery是一个非常优秀的JS库,与Prototype,YUI,Mootools等众多的Js类库相比,它剑走偏锋,从web开发的实用角度出发,抛除了其它Lib中一些中看但不实用的东西,为开发者提供了优美短小而精悍的类库。其使用简单,文档丰富,而且性能高效,能极大地提高web系统的开发效率。因此可以说是web应用开发中最佳的Js辅助类库之一。大部分开发者正在抛弃Prototype,而选择Jque...
阅读全文
摘要:8.1 FX的常用方法 和前面分析的代码相比,FX是非常让人兴奋的。以前javaeye登陆的时候,对其登陆窗口的淡出淡入的特效总是想入非非。Jquery的core包中也提供了Fx的实现。 Fx的实质是连续有序改变dom元素的属性达到视觉上的效果,动态地变化起来。这些属性主要是高度,宽度,透明度和颜色(背景色和前景色)等。连续有序是和时间相关的,也就是先在某个时...
阅读全文
摘要:/* * author:prk date:2008-08-07 comment:analyse the fx of jQuery. * */ jQuery.fn.extend({ // show(speed,[callback]) // 以优雅的动画隐藏所有匹配的元...
阅读全文
摘要:这所有的最终都是通过jQuery.ajax()来完成的。 ajax : function(s) { //两次继承s,以便在测试中能检测 s = jQuery.extend(true, s, jQuery.extend(true, {}, jQuery.ajaxSettings, s)); ① ...
阅读全文
摘要:Domready是每个lib都要实现的函数,因为dom还没有完全ready,那么对于对于dom元素的操作可能出错,因为dom树中可能还没有Load这个元素。为了保障不出现这样的错误,就出现地domready。对于每种浏览器Domready都有着自己不同的判断。 Jquery的domready的实现和其它的lib的实现没有什么区别。 //dom ...
阅读全文
摘要:注册了事件,如onclick。那么当用户点击这个元素时,就会自动触发这个事件的已经注册的事件处理函数。但是我们有的时候要采用程序来模拟事件的触发就得采用强迫触发某个事件。在IE中我们可以采用.fireEvent()来实现。如:中,如果button的form.submit()的方式提交表单,是不会主动触发onsumbit事件的,如果必须的话,就要在submit前$(“:form”)[0]....
阅读全文
摘要:Jquery提供了一些来进行regist,remove,fire事件的方法。 6.2.1 Register 对于注册事件,jquery提供了bind、one、toggle、hover四种注册事件的方法, bind是最基本的方法。One是注册只运行一次的方法,toggle注册交替运行的方法。Hover是注册鼠标浮过的方法。 bind : funct...
阅读全文
摘要:对于javascript事件扩展,所有的lib都差不多。和jquery和prototype,yui和Ext,其要解决的首要问题是兼容性,所有lib都会对event进行包裹,统一其属性解决其兼容性。对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事件方法。一般lib都会对浏览器的提供的函数做一些扩展,解决兼容性内存泄漏等问题。第三个问题就是如何得到do...
阅读全文
摘要:在给元素定位之前,我们首先要了解一些CSS定位相关的知识。 在CSS中关于定位的内容是:position:relative | absolute | static | fixed 。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。relative 不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且...
阅读全文
摘要:Jquery的wrap的系列的函数可以说是dom元素操作中较为复杂的方法。它提供,wrapAll,wrapInner,wrap三种方法。 wrapAll是把jquery对象中所有元素都包裹在给定的元素最内部元素中(firstChild)。这个包裹之后的元素在jquery对象第一个元素的位置之前。同时会把所有其它位置的元素都去掉。也就是说wrapAll最好是不要多个元素。因为...
阅读全文
摘要:Dom元素提供innserHTML来设定元素的内部的html内容。这可以直接把string的HTML变成Dom元素,同时也可以把Dom元素变成html标签的string.有的时间我们只需要其text内容,不要标签。这个时候可以采用regexp把标签给过滤了,就是text的内容。 第三种的内容是直接显示出来的Dom元素。一个元素的这种内容就是所有子元素。第四种内容指是的元素的...
阅读全文
摘要:在开发过程中,对元素的class进行操作是经常的事情,如为元素增加一个class或删除一个class或对一个class进行toggle操作。Jquery提供了三个方法addClass、removeClass、toggleClass用来完成对class的操作。 // 一组对元素attr,class等进行操作的函数 jQuery.each( { ...
阅读全文
摘要:5 DOM元素 prk/彭仁夔 2008-08-22 构建了jquery对象,也能对jquery的集合中元素进行局部的调整。现在就是操作。对于jquery对象中Dom元素进行操作。对jquery进行dom的操作就是对jquery对象集合的所有元素都进行操作(有的时间只是第一个元素)。 对于dom的操作可以分成对元素的属性,内容,CSS...
阅读全文