jQuery Deferred

简介

延迟对象是jQury中很重要的一部分,包括Ajax、动画还有其他一些异步操作基本都用延迟对象进行了改写。延迟对象可以让你不关心耗时任务什么时候结束,你只需指定该任务结束后执行什么样的回调即可,在等待的过程中,其他业务逻辑代码依然可以继续运行。

继续阅读

随着做的页面数量的增加,便逐渐知道一个网站中前端部分用到的模块就那么几个,最近做了一个项目的前端页面,总结一下用到的功能及插件。

1、图片轮播
用到的插件是:http://www.jq22.com/plugin/317

2、选项卡切换:tabso
用到的插件是:点击查看

3、滚动条优化:sly
用到的插件是:https://github.com/darsain/sly/

4、弹出层提示:jqModal
用到的插件是:https://github.com/briceburg/jqModal

先写这些,以后用到其他的在补充。

一、jQuery TE简介

jQuery TE是一款轻量级的jQuery的网页编辑器插件,压缩后只有19.5KB,兼容性非常好的所见即所得的文本编辑器。经过测试,兼容IE6。

而且,你可以自定义它的样式,写一些css,不仅仅是textarea,你可以将多种标签变成一个编辑器,比如span,或者p等。

兼容性:IE6+、chrome、Firefox、Opera、Safari、Yandex Browser等

二、如何使用

继续阅读

今天看到的一款十分优秀的文件上传插件,找了好长时间了,今天终于找到了!下面就来看看这款卓越的插件强大的功能吧!

官网:http://www.uploadify.com

Deme:http://www.uploadify.com/demos/

文档:http://www.uploadify.com/documentation/

其实代码很少,重点是看文档,文档里面定义了上传插件的所有内容。

比如,刚开始上传按钮上的文字为:selection,要想更改,找代码是无法实现的,这时候查看文档,只需在index.php里面的function中添加:'buttonText' : '上传文件'。

总之,更改自动上传还是主动上传,多文件上传还是多文件上传都是在文档中找吧,很简单的插件!

上次记录了一些简单的JQUERY效果,这次继续学习一点,说实话,今天有点忙并且很多事情并不是向自己想像的那样顺利,有时候人就是那样的二,难听点就是有点贱贱的感觉,做不好一些事情还非得想着去做好,于是就催促自己努力的去做,尽管不知道会不会有个美丽的结果,但是过程注定是心酸的,我想现在唯一坚持做下去的事情就是团队博客了,承载着我对这个团队无比的热爱,我想把他真的塑造成为一个团队分享的平台,在这里创造属于网站特有的精神。

好了,不多说了,其实说多了一点用也没有。

下面是今天学习的一点JQURY内容,只学习了一点点,也算是一种进步吧!

好吧,内容开始!

JQURY事件

常见的DOM事件有:

其实也很简单,鼠标单击、双击、经过、离开,键盘按下、松开等,脑海里经过一遍使用过程即可。

下面是使用语法:

指定事件用

$("p").click(function(){
    //action goes here!
});

这就好比第一个学习笔记中的例子:

$("p").click(function(){
    $(this).hide();
});

点击时,当前行隐藏

其他动作类似,只是把click换成相应的动作就可以了!!

其实说到底这些都很容易,只是在用的时候能够想到才是最好的。

感觉隐藏显示什么的才是王道!可是用的地方有好多,比如点击一句话显示一个图层,这样可以用作注释也不错,用作菜单其他的也是可以的,比如我们网站的后台管理页面!!所以,下面的例子就掩饰怎么实现点击一个显示一个图层。

$(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});

意思就是点击id为hide的就隐藏,点击id为show的就显示

其实,如果可以重复点击一个来控制显示或者隐藏的话可以赢一个函数:

toggle()

下面是具体用法:

$("button").click(function(){
    $("p").toggle();
});

是不是很方便了!下面还有更好看的效果,就是可以控制出现或者隐藏的速度!!!

其实,标准的书写方法是:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

其中,hide或者show后面的括号中可以直接填写slow,fast,或者毫秒数字

下面是个具体的例子:

$("button").click(function(){
    $("p").hide(slow);//或者是$("p").hide(fast);,或者是$("p").hide("1000"),及动作时间是1秒
});

最近学习Jquery,整理一下比较好的学习效果网站。昨天在图书馆看书,不知不觉就爱上了一本,只是当时看了一眼价格就昏过去了,99个钢镚一本!15刀上下!老子买不起!

简单实用国产JQUERY UL框架

又是一个学习的好地方!

下面是今天刚看到的:(以下代码纯属自己手动打上去的,没有经过测试,不保证一定正确,具体请参考文档!

在网页中实用Jquery的时候,不一定要下载下来放到本地,可以直接实用网上的托管副本,比如google的code.google.com可以去里面找找看,不过,这是在有网络的环境下,如果没有网,想在本地测试,可以下载下来!

OK,下面开始练练写代码了!

等待文档加载完成之后执行某个指令

$(function(){
    alert("Browser was already!");
});

还有一种比较复杂的写法:

$(document).ready(function(){
    alert("Browser was already!");
});

下面继续深入一点,获取网页的元素!获取网页的元素才真正的和网页进行和交互,从而Jquery才能够控制页面活动,下面是一点Jquery获取网页元素的例子:

$(funciton(){
    $("p").click(function{
    $(this).hide();
});

也就是对所有的p标签,当点击的时候,p标签隐藏!

嗯,是个很实用的功能!

上面只是一个简单的小例子,也可以看到Jquery是怎么获取网页元素的,用美元符号$("")来进行:

比如:$("p")就是获取网页中所有的p段落标签

比如:$(".banner")就是获取class的值为banner的元素,这和css中类似,class与.小黑点相对应,于此类似的有$("#contain")对应的为ID!

比如:$(".banner ul li")就是对应的li标签,其实只要记住和css一致就可以了,只不过,格式书写方式为]【$("")】!

上面的一段代码中还有一点值得说的就是$(this).hide();其中,$(this)是选择当前元素,$(this).hide();就是隐藏当前元素,于此对应的是

$(this).show();显示当前元素,隐藏与显示其他元素可以这样写:$("p").hide();就是所有的段落都隐藏!

每天学习一点点,快快乐乐似神仙!

额,以上纯属原创!!!写的不好,请见谅,并且代码页不一定保证是正确的!