Jquery框架

jQuery起点教程之使用AJAX

在这一部分我们写了一个小小的AJAX应用,它能够rate一些东西(译Keel注:就是对某些东西投票),就像在youtube.com上面看到的一样。

首先我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数。看一下rate.php代码.

虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是"rating".这段代码生成了5个链接,并将它们追加到id为"rating"容器中,当其中一个链接被点击时,该链接标明的分数就会以rating参数形式发送到rate.php,然后,结果将以X ...


阅读全文 》

jQuery起点教程之使用选择器和事件

jQuery起点教程之使用选择器和事件

jQuery提供两种方式来选择html的elements:

第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$("div > ul a"));第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。

为了测试这些选择器,我们来试着在我们starterkit.html中选择并修改第一个ordered list.

一开始,我们需要选择这个list本身,这个list有一个ID叫“orderedlist”,通常的javascript写法是document.getElementById("orderedlist").在jQuery中,我们这样做 ...


阅读全文 》

jQuery实例CSS 样式表动态选择

jQuery实例CSS 样式表动态选择

本实例主要说的还是jquery的选择器,

关于jquery的css的一些知识

用类似这样的方式来确定

具体的大家就看代码



css样式表一css样式表二css样式表三主要文件代码


阅读全文 》

jQuery实例的ajax应用之二级联动

jQuery实例的ajax应用之二级联动的后台是采用php来做的,前台通过jquery的ajax方式实现二级联动

数据库表设计 csj_trade其中,id为主键自动索引,tname为行业名称,tradeType为一个标识,为0时,表示这条数据是大类;不为0,而是某个数字的时候,则这个数字表示其父级的id。

(1)主页面(2)getstrade.php


阅读全文 》

jQuery鼠标点击/划过特效

以下代码是jQuery在鼠标动作的时候进行的相应的操作,比如输入框获得焦点Jquery的,鼠标点击,鼠标划过的时候Jquery的效果

//获得焦点,这个效果最好,点或者按tab,都可以全选

$("#upwd").focus(function(){this.select();})

$("#uid").focus(function(){this.select();})

//点击

$("#upwd").click(function(){this.select();})

$("#uid").click(function(){this.select();})

//划过全选

$("#upwd").mouseover(function(){this.select();})

$("#uid").mouseover(function(){this.select();})


阅读全文 》

jQuery的动态表格动态表单

jQuery的动态表格动态表单

这个例子就是通过jquery对dom进行操作,达到动态的实现HTML变换的问题。

动态表格动态表单中的Jquery代码jQuery的下面是动态表格动态表单中的HTML代码


阅读全文 》

jQuery的ajax应用

jQuery ajax的前台代码:PHP的后台代码:


阅读全文 》

jQuery起点教程之Hello Word

Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。

(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)

让我们看一下这些修改是什么含义。$("a") 是一个 ...


阅读全文 》

jQuery起点教程之安装

jQuery入门指南教程这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。 这个指南包括了很多代码,你可以copy它们,并试着修改它们,看看产生的效果。

内容提要安装Hello jQueryFind me:使用选择器和事件Rate me:使用AJAXAnimate me(让我生动起来):使用FXSort me(将我有序化):使用tablesorter插件(表格排序)Plug me:制作您自己的插件Next steps(下一步)

安装一开始,我们需要一个 ...


阅读全文 》

jQuery使用手册之jQuery插件

这也是一个插件的时代。随着jQuery的广泛使用,已经出现了大量jQuery插件,如thickbox,iFX,jQuery-googleMap等,简单的引用这些源文件就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考,这些网站头提供了大量的demo,并且使用及其简单,及时E文不好,也能快速掌握!

jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件。

加一些Jquery的 ...


阅读全文 》