jquery：setTimeout("$('#alertmsg').css('display','none')",3000);   #alertmsg为div的id  3000为3秒后消失

直接js：setTimeout("alertmsg.style.display='none'",3000);

2010-02-28 18:38:12阅读全文>>>

php json函数在jquery中的应用

 

本文来自小屋sjolzy.cn【原创】

 

鉴于JSON的娇小性和通用性 PHP在5.2的版本之后 默认加上一组针对数据进行JSON互转的函数： 

json_encode ：数据到JSON 

json_decode ：JSON到PHP变量的转换 

这两个函数在使用Ajax诸如：jquery和Ext框架的时候显得尤为重要，Ext默认接受的数据就是JSON格式，而jquery如果让JSON接入之后就显得更加轻松和简洁。本文将用一个实例讨论一下PHP 的JSON数据函数在jquery中的应用。 

Jquery做为一个轻量级的Ajax框架确实显得短小而精悍，比较适合Web编程的前台页面，更加适合和PHP结合。其中jquery中有一个方法是：$.getJSON，这个用来从服务器脚本页面取得JSON格式的数据的。我们按顺序来，首先建立一个名为json.php的PHP脚本，具体程序如下： 

<?php 

//创建一个联合数组，这里我们尽量真实的模拟了一个从数据库中读取的记录 

$a=array('name'=>'dog','sex'

2010-02-27 22:27:13阅读全文>>>

jQuery是魔鬼还是天使

近来jQuery的发展简直是风光无限，各方赞誉之声是此起彼伏，先是放出了微软、 nokia的重磅利好消息，然后是使用了jQuery的各大知名网站名单，现在又开始在css框架领域建立起了她的新帝国。相比一起诞生的其它js框架已 经是不可同日而语了，非常敬佩jQuery团队的运营能力，将一件事从无到有，从有到卓越，从出书到孜孜不倦的发表技术文章，一切都演变得那么自然，仿佛 是一本营销学的教科书。

　　jQuery倡导的简单、快速编写js的方式，彻底改变了那传统琐碎的js编写方式，不再需要担心浏览器的兼容性，无论是简单还是绚烂的功能，也不再需要编写一堆冗赘的代码。她像一个天使让js焕然一新充满了活力........

　　她对js的贡献让我想起了Dreamweaver对互联网发展的贡献，回望历史，在那 web标准方兴未艾、浏览器战火纷飞的年代，Dreamweaver用她兼容一切的table布局方案和视图化的编码方式，让web的制作的门槛视乎降低 到了不可思议的低，让web制作立马走进了千家万户，Dreamweaver的出现让web在量上的发展有了长足的进步，他为互联网的发展起到了不可小视 的历史推动，但在web标准的发展史上，因为Dreamweaver的无所不能、开发简快，渐渐的让HTML标准消失在了人们的视野中，将一代人带上了歧 途，惊醒过来的人们终于又意识到了web标准的存在（在这儿要感谢那些坚持不懈的各种浏览器的生产商）。有了一小群人开始鄙视那个多年不更新的IE6，开 始鄙视那些“Dreamweaver网页工程师”。

　　就像只会用Dreamweaver做页子的人一样，很多都不知道[DIV]与 [SPAN]之间的关系和区别，而只用jQuery写js的人会不会不知道 getElementById()和getElementsByName()之间的关系呢，jQuery巧妙的代码将兼容性问题很好的掩盖，无所不能的特 效、简快的开发方式，正开

2010-01-03 23:08:52阅读全文>>>

jQuery ready vs load

jQuery ready vs load

在使用Javascript操作HTML DOM時，記得要養成網頁載入後才動手的好習慣，不然會有可怕的事發生… (可參考邊做邊學 jQeury 系列 3-jQuery 常用的 Javascript 技巧教學影片，在5分02秒的示範)

在jQuery中，要做到"等網頁載入後再執行"，我們有兩種選擇:

$(document).ready(fn)與$(window).load(fn)

二者的差別在於$(document).ready(fn)發生在"網頁本身的HTML"載入後就觸發，而$(window).load(fn)則會等到"網頁HTML標籤中引用的圖檔、內嵌物件(如Flash)、IFrame"等拉哩拉雜的東西都載入後才會觸發。

我 寫了一段示範程式突顯二者的區別。由於Sky_angmap_4.jpg是一張1.2MB的大型圖檔，實際執行時，可以觀察到 “ready event!” –> 圖檔緩慢顯現 -> "load event!”的過程。(嫌下載時間太短，差別不夠明顯的話，可以試試Sky_angmap_7.jpg，XD)

2009-12-26 13:16:34阅读全文>>>

240多个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 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at 上发现了一篇JQuery插件列表的文章 ，特推荐如下。

文件上传(File upload)