jQuery – WEB前端开发- 专注前端开发，关注用户体验

【jQuery插件】全选反选效果

时间：2009年03月26日作者：愚人码头查看次数:3,856 views评论次数：2

重要决定使用jQuery框架了。

第一次开发jQuery的插件，很简单一个全选反选效果；欢迎大家提出意见。

看插件的源码：

JavaScript代码

/**
* @author 码头 http://www.css88.com
* 这是全选反选的jq组件
* 调用：
* $(“#checked input[type=checkbox]“).checkBox(“all”);————————全选
* $(“#checked input[type=checkbox]“).checkBox(“none”);———————–全不选
* $(“#checked input[type=checkbox]“).checkBox(“toggle”);———————反选
* alert($(“#checked input[type=checkbox][checked]“).checkedValue());———看看我选择了什么
*/
(function($){
$.fn.checkBox = function(state){
this.each(function(){
switch (state) {
case ‘all’:
$(this).attr(“checked”,true);
break;
case ‘none’:
$(this).attr(“checked”,false);
break;
case ‘toggle’:
$(this).attr(“checked”,!this.checked);
break;
}
});
};
$.fn.checkedValue = function(){
var str=[];
this.each(function(){
str+=$(this).val()+“,”;
})
return str;
};
})(jQuery);

演示demo：http://www.css88.com/demo/jQuery/checkBox.html

分类：jQuery, JS

jquery使用手册【转载】

时间：2009年03月26日作者：愚人码头查看次数:2,726 views评论次数：0

版本转载自：http://zfms.javaeye.com/blog/190951

jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！
下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip）
jQuery Downloads （http://jquery.com/src/）

下载完成后先加载到文档中，然后我们来看个简单的例子！

JavaScript代码

<script language=“javascript” type=“text/javascript”>
$(document).ready(function(){
$(“a”).click(function() {
alert(“Hello world!”);
});
});
<script>

上边的效果是点击文档中所有a标签时将弹出对话框，$(“a”) 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函数。
在进行下面内容之前我还要说明一点$(“p”)和$(“#p”)的区别,$(“p”)表示取所有p标签(<p></p>)的元素,$(“#p”)表示取id为”p”(<span id=”p”></span>)的元素.

我将从以下几个内容来讲解jQuery的使用:
1:核心部分
2:DOM操作
3:css操作
4:javascript处理
5:动态效果
6:event事件
7:ajax支持
8:插件程序

下载： http://www.rayfile.com/files/9c08bf1e-9856-11dd-a7d0-0019d11a795f/

分类：jQuery, JS

JQuery API 1.2中文版(800810版)下载

时间：2009年03月26日作者：愚人码头查看次数:9,222 views评论次数：0

本手册由一揪整理编辑,并保持长期更新,最新版本请自行查找

自从jQuery面世以来，它以其快速、简洁，能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心，本人也不例外，但长期以来，类似与本手册的(带查询功能)，仅仅只有kuomart(这里不太清楚具体名称，仅仅从本人拥有的手册上找到这个名称，暂时先这样称呼，如有知道请告知！)制作的，但长期没有更新，给大家学习jQuery带来不便。为方便自己也为方便所有爱好jQuery的朋友，本人将CHM重新整理，并和jQuery中文API的整理者 Shawphy 同步更新本CHM手册，以便大家能及时了解其最新资讯！由于本人精力有限，难免出现差错，请谅解并告知 Email ！

本CHM手册旨在帮助广大jQuery爱好者快速了解jquery库和jquery开发人员提供一份速查手册。
jQuery能快速,简洁的使用HTML documents, handle events, perform animations,并且能把Ajax交互应用到网页,jQuery能够改变你书写JavaScript的方式，这里提供一下中文版的API手册，1.2版本的，送给大家！

下载地址：http://www.rayfile.com/files/ef90e099-96d4-11dd-97e3-0019d11a795f/

分类：jQuery, JS