随笔分类 -  jquery学习笔记

1 2 下一页
小爷的学习笔记
jQuery Easy UI 使用
摘要：一.引入必要文件 二.加载UI组件的方式 加载 UI 组件有两种方式： 1.使用 class 方式加载； 2.使用 JS 调用加载。//使用 class 加载，格式为： easyui-组件名 效果： PS：使用了规定的格式就可以生成一个 UI 组件，这是由于 jQuery EasyUI 的一个解析器 阅读全文
posted @ 2016-08-04 11:05 破玉 阅读(451) 评论(0) 推荐(0)
20151225jquery学习笔记---编辑器插件
摘要：编辑器（Editor），一般用于类似于 word 一样的文本编辑器，只不过是编辑为 HTML格式的。分类纯 JS 类型的，还有 jQuery 插件类型的。一． 编辑器简介我们使用的 jQuery 版本比较新，但尚未全面使用 2.0 的版本，因为 IE6,7,8 被抛弃了。而恰恰在这个时期，就出现编辑 阅读全文
posted @ 2015-12-25 20:13 破玉 阅读(266) 评论(0) 推荐(0)
20151225jquery学习笔记---折叠菜单UI
摘要：折叠菜单（accordion），和选项卡一样也是一种在同一个页面上切换不同内容的功能UI。它和选项卡的使用几乎没有什么太大区别，只是显示的效果有所差异罢了。一． 使用 accordion使用 accordion 比较简单，但需要按照指定的规范即可。 二． 修改 accordion 样式在显示的 ac 阅读全文
posted @ 2015-12-25 20:09 破玉 阅读(290) 评论(0) 推荐(0)
20151225jquery学习笔记---选项卡UI
摘要：圣诞节快乐，哈哈哈。。。。选项卡（tab），是一种能提供给用户在同一个页面切换不同内容的 UI。 尤其是在页面布局紧凑的页面上，提供了非常好的用户体验。一． 使用 tabs使用 tabs 比较简单，但需要按照指定的规范即可。 二． 修改 tabs 样式在弹出的 tabs 对话框中，在火狐浏览器中打开 阅读全文
posted @ 2015-12-25 19:59 破玉 阅读(373) 评论(0) 推荐(0)
20151224jquery学习笔记---cookie插件
摘要：hello,祝自己平安夜快乐。Cookie 是网站用来在客户端保存识别用户的一种小文件。一般来用库可以保存用户登录信息、购物数据信息等一系列微小信息。一． 使用 cookie 插件官方网站： http://plugins.jquery.com/cookie///生成一个 cookie：$.cooki... 阅读全文
posted @ 2015-12-24 22:56 破玉 阅读(247) 评论(0) 推荐(0)
20151223jquery学习笔记--Ajax表单提交
摘要：传统的表单提交， 需要多次跳转页面， 极大的消耗资源也缺乏良好的用户体验。 而这款form.js 表单的 Ajax 提交插件将解决这个问题。一． 核心方法官方网站： http://malsup.com/jquery/form/form.js 插件有两个核心方法： ajaxForm()和 ajaxSu 阅读全文
posted @ 2015-12-23 20:20 破玉 阅读(371) 评论(0) 推荐(0)
20151222jquery学习笔记--验证注册表单
摘要：$(function () { $('#search_button').button({ icons : { primary : 'ui-icon-search', }, }); $('#reg').dialog({ autoOpen : true, modal : true, re... 阅读全文
posted @ 2015-12-22 22:09 破玉 阅读(248) 评论(0) 推荐(0)
20151221jquery学习笔记--验证插件
摘要：验证插件（validate.js），是一款验证常规表单数据合法性的插件。使用它，极大的解放了在表单上繁杂的验证过程，并且错误提示显示的完善也增加了用户体验。一． 使用 validate.js 插件官网下载： http://bassistance.de/jquery-plugins/jquery-pl 阅读全文
posted @ 2015-12-21 22:36 破玉 阅读(476) 评论(0) 推荐(0)
20151221jqueryUI---日历UI代码备份
摘要：$(function () { $('#search_button').button({ icons : { primary : 'ui-icon-search', }, }); $('#reg').dialog({ autoOpen : true, modal : true, resizable : false, width : 320, hei... 阅读全文
posted @ 2015-12-21 22:27 破玉 阅读(321) 评论(0) 推荐(0)
20151221jquery学习笔记---日历UI
摘要：妹的，这几天真是无语了，参加了一个无聊的比赛，简直浪费时间，好几天没学jquery啊，今天学了一点，不过快要期末考试了，估计得攒到寒假了啊。日历（datepicker） UI， 可以让用户更加直观的、 更加方便的输入日期， 并且还考虑不同国家的语言限制，包括汉语。一． 调用 datepicker()... 阅读全文
posted @ 2015-12-21 22:26 破玉 阅读(291) 评论(0) 推荐(0)
20151217jqueryUI--自动补全工具
摘要：自动补全（autocomplete），是一个可以减少用户输入完整信息的 UI 工具。一般在输入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。一． 调用 autocomplete()方法$('#email').autocomplete({source : ['aaa@163.com', 'b... 阅读全文
posted @ 2015-12-17 20:42 破玉 阅读(593) 评论(0) 推荐(0)
20151217jqueryUI学习笔记
摘要：工具提示（tooltip），是一个非常实用的 UI。它彻底扩展了 HTML 中的 title 属性，让提示更加丰富，更加可控制，全面提升了用户体验。一． 调用 tooltip()方法在调用 tooltip()方法之前，首先需要针对元素设置相应 title 属性。 二． 修改 tooltip()样式在 阅读全文
posted @ 2015-12-17 20:32 破玉 阅读(182) 评论(0) 推荐(0)
20151217jquery学习笔记--注册表单
摘要：知问前端 知问 查询 注册 | 登录 账号： * 密码： * 邮箱： * 性别： 男 女 生日： $(fu... 阅读全文
posted @ 2015-12-17 20:09 破玉 阅读(193) 评论(0) 推荐(0)
20151216JqueryUI学习笔记---按钮
摘要：按钮（button） ， 可以给生硬的原生按钮或者文本提供更多丰富多彩的外观。 它不单单可以设置按钮或文本，还可以设置单选按钮和多选按钮。一． 使用 button 按钮使用 button 按钮 UI 的时候，不一定必须是 input 按钮形式，普通的文本也可以设置button 按钮。 二． 修改 b 阅读全文
posted @ 2015-12-16 15:31 破玉 阅读(231) 评论(0) 推荐(0)
20151216JqueryUI---dialog代码备份
摘要：$(function () { $('#search_button').button(); /*$('#reg').dialog({ focus:function(e,ui){ alert('注册'); } }); $('#login').dialog({ focus:function(e,ui){ alert('登录'); } });*/ ... 阅读全文
posted @ 2015-12-16 15:22 破玉 阅读(286) 评论(0) 推荐(0)
20151215jqueryUI--dialog代码备份
摘要：$(function () { $('#search_button').button(); /*$('#reg_a').click(function() { $('#reg').dialog(); });*/ //同时打开两个对话框 /*$('#reg').dialog(); $('#login').dialog();*/ $('#reg').dialog(... 阅读全文
posted @ 2015-12-15 23:00 破玉 阅读(223) 评论(0) 推荐(0)
20151215jquery学习笔记--jqueryUI --dialog（对话框）
摘要：对话框（dialog），是 jQuery UI 非常重要的一个功能。它彻底的代替了 JavaScript 的 alert()、prompt()等方法，也避免了新窗口或页面的繁杂冗余一．开启多个 dialog 我们可以同时打开多个 dialog，只要设置不同的 id 即可实现。$('#reg').di... 阅读全文
posted @ 2015-12-15 22:54 破玉 阅读(259) 评论(0) 推荐(0)
20151214 jquery插件代码备份
摘要：;(function ($) { //局部性的 /*$.fn.extend({ 'nav' : function (color) { $(this).find('.nav').css({ 'list-style' : 'none', 'margin' : 0, 'padding' : 0, 'display' : 'none', 'color... 阅读全文
posted @ 2015-12-14 20:37 破玉 阅读(202) 评论(0) 推荐(0)
20151213Jquery学习笔记--插件
摘要：插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规范的应用程序接口编 写出来的程序。目前 jQuery 插件已超过几千种，由来自世界各地的开发者共同编写、验证 和完善。而对于 jQuery 开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成 本 一．插件概 阅读全文
posted @ 2015-12-13 21:03 破玉 阅读(218) 评论(0) 推荐(0)
20151212Jquery 工具函数代码备份
摘要：$(function () { /*var str=' jquery '; alert(str); alert($.trim(str));*/ /*var arr=['张三','李四','王五','麻溜']; $.each(arr,function(index,value){ $('#box').html($('#box').html()+(index+1... 阅读全文
posted @ 2015-12-12 21:17 破玉 阅读(249) 评论(0) 推荐(0)

1 2 下一页