JQuery插件d的使用
来源:互联网 发布:淘宝网开店收费吗 编辑:程序博客网 时间:2024/06/08 06:48
在前台对数据的验证处理,jQuery起着非常强大的作用。首先jquery是对js的代码的封装,相当于我们前台的框架,但是它只是一个基础的js框架,能够实现一些简单的功能,而对于一些比较复杂的功能,我们拿它来实现就非常麻烦了。但是不要着急,JQeury插件可以给我们解决很多问题,而且更重要的是使用非常简单。简单总结一下,使用过的JQuery插件。
一,Jquery.treeview:
见名之意,就是将页面的数据以树的形式展现出来。和上篇博客中的dhtmlXtree不同的是,它是将html文件中的数据进行显示,而html文件主要是用UL和li进行嵌套数据。看一下html如何存储数据:
页面中也如Jquery.treeview的js代码和对应的css文件,然后进行这样简单Jquery代码的操作就可以实现了:
这样就实现了将数据以树的形式展示了。当然如果我们需要将数据库中的动态数据用这种方法进行显示的话,我们需要在后台利用字符串进行拼接成这个格式的html文件,然后进行获取显示即可,其实和dhtmlxTree的使用方法还是非常类似的,只不过实现的方式不同。
二,Jquery.form
这个Jquery插件是为了解决Ajax获取页面数据麻烦而提供的。常规我们通过Form进行表单的提交,然后将需要提交的数据提供name的属性,就可以通过struts2等MVC流程框架进行获取,这样就不需要我们进行手动获取了。而Jquery.form正是弥补Ajax异步通讯的不足的。这里在我的前边博客中写到过JQuery中Ajax的操作
三,jquery.pagination
这个是用来辅助我们进行分
页的Jquery插件,可以提供类似于百度查询的分页信息,看这张图,感觉还是非常实用的。
看一下如何使用吧,首先还是引入相关的js代码,然后在网页中对应的位置写入显示分页信息的div块:<divid="Pagination"></div>,然后就是我们的js代码的编写了:
当然这是最简单的分页信息的查询,更多的信息还是模仿插件提供的例子进行编写即可。
四,jquery.autocomplete
这个是用来根据数据库的信息进行自动补全的插件。看看百度等很多浏览器,当我们输入我们想要的查询的信息时,随着输入字符的不断增加,提示的信息也在不断的变化着,这个插件也就可以帮助我们实现这样的功能。
实现原理:是通过将输入的字符传入后台进行(前)模糊匹配查询,将查询出来的数据进行提示,然后完成自动补全功能。当然后台查询出来的数据我们需要进行一定格式的转换,可以模仿插件中的例子,这里看一下前台的js代码的处理吧:
五,jquery.ui
这是一个非常强大的Jquery插件,它能够实现很多特效功能例如自动补全,就像上边的Jquery.autocomplete,tabs选项卡风格的功能,日历的功能……这里简单看一下选项卡和日历的实现。
1,选项卡,首先在页面中提供这样的html代码,
引入相关的js代码后,在script标签编写很简单的代码就可以实现了:
2,日历控件的简单使用,当单机某个文本框时,弹出日历来供我们来选择,还是非常不错的:
Jquery ui,这是用了几个简单的功能,就感觉非常强大,非常实用了,更多的Jquery ui的知识,可以到官网上查看各种资料,包括API文档,和一些常用例子,照猫画虎还是非常重要的:http://api.jqueryui.com/ 当然了,都是英文的,但是确实最好的资料来源。
综上为Jquery一些插件的使用,虽然不多,但是有代表性,通过使用一些插件的经验,来学会学习使用插件是最重要的。IT这个行业是个飞速发展的行业,要想在这个行业中处于不被落下的地步,需要我们不断的学习,当然了,学习能力就体现的非常重要了。总而言之,不要怕遇见新东西,新的东西来了,证明自己要提高了………
- JQuery插件d的使用
- jquery fckediter插件的使用
- jquery 验证插件的使用
- jquery 验证插件的使用
- JQuery的Cookie插件使用
- jquery autocomplete插件的使用
- Jquery插件的使用--AutoComplete
- JQuery 的Autocomplete插件使用
- jquery jstree 插件的使用
- jquery.validate插件的使用
- Jquery插件的使用--AutoComplete
- jQuery:cookie插件的使用
- Jquery autocomplete插件的使用
- Jquery 的clueTip插件使用
- jquery smartWizard插件的使用
- Jquery插件Thickbox的使用
- jQUery validate插件的使用
- 使用jquery的向导插件
- Redis Sentinel(哨兵)主从高可用方案
- lintcode -- 最长上升连续子序列
- 【java开发】--java项目搭建
- poj 1128 Frame Stacking(DFS+拓扑排序)
- Oracle数据库over函数的使用
- JQuery插件d的使用
- 02_数组偶数行按从大到小排列,奇数行相反
- poj 3159 差分约束
- spring学习之---spring容器中的Bean
- servlet接口,报文格式
- 常用的压缩算法以及区别
- redis配置文件详解
- 怎样判断JSON数据类型是JSONObjec还是JSONArray
- android Snackbar使用