jquery,jqueryUI学习心得:

来源:互联网 发布:中国频道域名转出费用 编辑:程序博客网 时间:2024/05/23 13:04

jquery学习心得:

看了jquery_api_1.4.chm。

jquery用来提到传统的js真的很爽,特别是强大的选择器几乎可以无所不能的选出你想要的elements,并在上面进行操作。

 

 

常用的提纲:

--选择器$ 

 

--缓存data。刷新页面后缓存会清空。全部是ajax的情况下要注意缓存的清空和不然容易照成内存溢出。

 

--队列queue,可以创建一组function放入一个队列中,然后依次执行

      queue可以看成是一个栈缓存,里面存有名为“xx”的一个function队列,

      然后调dequeue方法调出最上面的一个function出来执行。

 

--ajax调用,上层封装过的有jqueryObj.load()装载一个内容到element中,$.get(),$.post(),$.getJSON()支持jsonp回调执行一个本地的js function。$.getScript()。

            使用jsonp的话有一个坏处就是失败的情况下无法做处理,表现出来就是什么都没做。

底层的有$.ajax()。这个方法参数更多,可以实现上面所有的上层ajax方法。

 

其他的如事件,jquery对象的属性等等,直接查jquery_api_1.4.chm就可以,方便又好用。

 

 

jqueryUI学习心得:

 

轻量级,用起来也比较方便,按需使用。

 

其中Widgets组件中比较好用的有

 

datepicker:

日期选择器:对中文支持不好,还是不用的好。可以用my97

 

Autocomplete:

在文本框里面输字的时候可以自动补全。

 

Accordion:

用来做折叠功能导航还可以

 

tab:

可以用ajax tab,并且可以即时的增加tab页。

 

button:

可以用来制作tool bar。

 

dialog:

这个比较好用,除了可以用来做提示外还可以用来代替模态窗口。

弹出dialog的时候可以锁定屏幕使背景屏不能操作。

 

effects:

动画效果还可以可以用一下。

 

 

*如何更改这些组件的css已适应整个页面风格?

貌似有下面两种方式:

theme:

主题,支持主题切换

 

jQuery UI CSS Framework:

通过此css可以控制UI组件的风格

 

和ext的比较,ext解决方案更彻底。jquery也许没有ext这么强大,但引入的文件更小,更灵活,用好了应该也很强大

 

 

******************************************************************************

 

学习时候的myeclipse工程地址,可下载:

http://docs.google.com/leaf?id=0B-Ckk8229Tt0ZWY0YzBkODUtMDU2ZC00ZjJmLWEzYTYtNGE3ZWFjYjI0NGRm&hl=zh_CN

 

 

原创粉丝点击