Jquery框架

两百个jQuery插件集合

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 ...


阅读全文 》

Jquery实例图片幻灯导航

做了个Jquery实例图片幻灯导航。

没有封装,现在也只支持三个链接。

IE6,FIREFOX均通过测试。

仅利用JQUERY基库,没有利用其他Jquery插件。

仍然是JavaScript代码少于CSS代码。效果嘛。如下:

附件下载地址:

http://www.ijavascript.cn/admincp/attachment.php?aid=58


阅读全文 》

jQuery技巧大放送

1、关于页面元素的引用

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换

只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

普通的dom对象一般可以通过$()转换成jquery对象。

如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。

由于jquery对象本身是一个集合。所 ...


阅读全文 》

jQuery小教程

不废话,先说明我们的目的。我们知道,当代浏览器(modern browsers)的文本框的聚焦(focus)样式可以通过CSS的伪类:focus来设置。假设我们有这么一段代码:

Name:

Password:

Textarea:

则我们这样的CSS就可以搞定focus样式:

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #f00; background: #fcc; }

简单不过,对不?你可以拿任何一款当代浏览器来测试(Firefox, Safari, IE7): http://realazy.org/lab/jquery/tut/form_hover_step1.ht ...


阅读全文 》

JQuery的AjaxUpdater上传插件

JQuery的AjaxUpdater上传插件。

其实JQuery已经提供了很多基于Ajax的调用方法,那为什么还要做这样一个Ajax插件呢!

其实目的很简单就是为了调用更方便。

这个插件的特点就是允许通过HTML属性描述来进行一个Ajax操作的定义;

也就是说通过使该插件只要简单的属性描述就能实现Ajax请求和局部更新的功能。

描述信息分两部分

第一部分是描述Ajax提交的配置信息ajaxupdater属性:

属性成员分别明:url提交的路径,updater提交后更新的区域,validator对某个区域下的元素进行验证处理。

第二部分就是描述提交的数据 ...


阅读全文 》

jQuery实例分析解析

Jquery是一个优秀的Javascript框架,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!jQuery的开篇声明里有一段非常重要的话:jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式!

那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:

1)查找(创建)jQuery对象:$("selector");

2)调用jQuery对象的方法完成我们需要完成的工作:$("selector").doOurW ...


阅读全文 》

jQuery插件之Select选择框

在blueidea上看到lzyy发的这个帖子,发现不错就转过来了。

起因是在实践中发现输入框input的高度无法改变,他的四周都会有空隙,也就是说无论你怎么调整,当然只作用于IE,如果调整一下的话,FF下效果又不理想,没有什么好的解决方法,除非用图片,为了追求完美,模拟就模拟吧。

本人习惯用jQuery,于是就找到了nicejform,专门用来美化表单的jquery插件。(我知道坛子上有相关的文章,我也参考过,但是美化不是我的强项,所以就想找现成的)

效果查看

看源码,可以发现没有另外添加样式,id之类的,所以如果不用这个插件了 ...


阅读全文 》

jQuery起点教程之插件制作

jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件。写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件.

为你的插件取一个名字,在这个例子里面我们叫它"foobar".

创建一个像这样的文件:jquery.[yourpluginname].js,比如我们创建一个jquery.foobar.js

创建一个或更多的插件方法,使用继承 ...


阅读全文 》

jQuery起点教程之有序化插件实例

jQuery起点教程之有序化插件实例是一篇使用jquery的tablesorter插件来实现一些功能效果的教程,大家可以认真学习一下。Sort me将我有序化:使用tablesorter插件进行表格排序。

这个表格排序插件能让我们在客户端按某一列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。

要测试这个例子,先在starterkit.html中加上像下面这一行的代码:

然后可以这样调用不着:现在点击表格的第一行head区域,你可以看到排序的效果,再次点击会按倒过来的顺序进行排列。

这个表格还可以加一些突出显示的效果 ...


阅读全文 》

jQuery起点教程之Animate

jQuery起点教程之Animate是个好东西,一个非常好的效果你可以用jquery自带的函数,比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。

一些动态的效果可以使用 show() 和 hide()来表现:你可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果:很多不错的效果可以访问interface plugin collection. 这个站点提供了很多demos和文档

这些效果插件是位于jQuery插件列表的前面的,当然也有很多其他的插件,比如我们下一章讲到的表格排序插件。

本章的相关链接:jQuery FX ModuleInterf ...


阅读全文 》