Jquery框架

jQuery使用手册之Ajax支持

$.ajax(prop)

通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种。

(String)type:数据传递方式(get或post)。

((String)url:数据请求页面的url

((String)data:传递数据的参数字符串,只适合post方式

((String)dataType:期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")

((Boolean)ifModified: 当最后一次请求的相应有变化是才成功返回,默认值是false

((Number)timeout:设置时间延迟请求的时间。可以参考$.a ...


阅读全文 》

jQuery使用手册之事件处理

jQuery的事件处理,有方法:

hover(Function, Function)

当鼠标move over时触发第一个function,当鼠标move out时触发第二个function

样式:Html代码:jQuery代码及效果最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式(Function, Function)

当匹配元素第一次被点击时触发第一个函数,当第二次被点击时触发第二个函数

样式:Html代码:jQuery代码及效果最终效果是当鼠标点击id为a的层上时图层增加一个red样式,离开层时移出red样式

另外jQuery的事件处理还有:

bind(type, fn)是用户将一个事件和 ...


阅读全文 》

jQuery使用手册之动态效果

jQuery一直以来在效果外面口碑都不错一直以来jquery的插件很丰富,一些很好的效果,比如我写过fat.js的渐变褪色淡入淡出效果,在新版本的jquery1.2中,可以很方便的用来实现,效果很不错,可以在官方看到演示

另外jquery的插件频道改版了之后,个人感觉好了很多,地址:http://jquery.com/plugins/

在将这部分之前我们先看个例子,相信做网页的朋友都遇到n级菜单的情景,但点击某菜单按钮时,如果它的子菜单是显示的,则隐藏子菜单,如果子菜单隐藏,则显示出来,jQuery实现上面效果只需要1句话就行,$("#a").toggle("slow"),传统 ...


阅读全文 》

jQuery使用手册之JavaScript处理

$.browser()函数,希望我没有称呼错。其目的是:判断浏览器类型,返回boolen值当页面载入式判断浏览器类型,可判断的类型有msie、mozilla、opera、safari这几种浏览器

$.each(obj, fn)

obj为对象或数组,fn为在obj上依次执行的函数,注意区分$().each()分别将0,1,2为参数,传入到function(i)中{ name: "John", lang: "JS" }为一个hash对象,依次将hash中每组对象传入到函数中

$.extend(obj, prop)

用第二个对象扩展第一个对象执行后settings对象为{ validate: true, limit: 5, name: "bar" }

可以用下面函数来测试$.grep( ...


阅读全文 》

jQuery使用手册之CSS操作

Jquery对css的操作相当方便,能很方便我们去通过js修改css。传统javascript对css的操作相当繁琐,比如取它的background语法是:而jQuery对css更方便的操作:说明如下

$("#a")得到jQuery对象[

]

$("#a").background()将取出该对象的background样式。

$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法,来操作css:

background ()

background (val)

color()

color(val)

css(name)

css(prop)

css(key, value)

float()

float(val)

height()

height(va ...


阅读全文 》

jQuery使用手册之DOM操作

属性

我们以为例,在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象,在用o.src来取得或修改该节点的scr属性,在jQuery里$("#a")将得到jQuery对象[

],然后可以用jQuery提供的很多方法来进行操作,如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法,方便大家快速对DOM对象进行操作

herf()

herf(val)

说明:对jQuery对象属性herf的操作。

例子:

未执行jQuery前jQuery代码及功能:运行:先弹出对话框显示id为test的连接 ...


阅读全文 》

jQuery使用手册之核心部分

$(expr)

说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础

参数:expr:字符串,一个查询表达式或一段html字符串

例子:

未执行jQuery前:jQuery代码及功能:运行:当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容运行:当点击id为test的元素时,向body中添加“Hello”

$(elem)说明:限制jQuery作用于一个特定的dom元素,这个函数也接受xml文档和windows对象

参数: elem:通过jQuery对象压缩的DOM元素

例子:

未执行jQuery前:jQuery代码及功能:运行 ...


阅读全文 》

jQuery使用手册之基本介绍

Jquery是继prototype之后又一个优秀的Javascript框架。jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!本文主要讲述jquery的基本介绍和一些基本的核心部分中的基本函数的运用,如果你还没有jquery就去下载个吧

下载完成后先加载到文档中,然后我们来看个简单的例子!上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click( ...


阅读全文 》

jQuery写入读取Cookie插件

强大的jquery居然没有操作cookie相关的函数

特地去官方讨论区去看了下,发现已经有人建议,个人预期下个版本也就是1.2中会加入读取cookie,写入cookie的函数

既然现在没有那只好去寻找下jquery的插件来实现了,在jquery的插件区很容易就找到啦

现在给大家分享一下,顺便记录下做备份。

在http://docs.jquery.com/Plugins这里找到的

感兴趣的朋友可以到原作者这里看看

http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/

jQuery操作cookie的插件,大概的使用方法如下

example $.cookie(’the_cookie’, ‘the_va ...


阅读全文 》

Jquery的常用站点资源集合

jquery是JavaScript语言

的一个新的资源库,

jquery能够改变你书写JavaScript的方式.

Jquery是对javascript日程操作方法的封装

扩展了对css和ajax的使用

所以说jquery其实就是javascript的

只是用jquery提供的方法来操作使用javascript

加一些Jquery常用站点资源的集合:

jQuery官方主页:http://jquery.com

jQuery中文入门指南:http://www.k99k.com/jQuery_getting_started.html

jQuery使用手册:http://www.cnblogs.com/skylaugh/archive/2006/12/18/595563.html

jQuery UI插件演示:http://interface.eyecon.ro/demos ...


阅读全文 》