JQuery学习
文章平均质量分 65
弥漫花香
这个作者很懒,什么都没留下…
展开
-
jQuery基础特点
基础核心原创 2015-10-30 16:07:53 · 301 阅读 · 0 评论 -
日历ui
日历ui 修改样式 属性方法 国际化选项 属性 默认值/类型 说明 date/Format mm/dd/yy/时间 指定日历返回的日期格式 dayNames 英文原创 2015-12-17 12:22:20 · 613 阅读 · 0 评论 -
验证插件
验证插件 一、引入validate.js插件 二、验证提交规则 默认规则表,有两种方式:1、控件属性方式2、js键值对方式 规则名 说明 required:true 必须输入字段 email:true 必须输入正确格式的电子邮件原创 2015-12-19 10:11:44 · 310 阅读 · 0 评论 -
验证注册表单
在注册表单中,输入错误时提醒 Html:错误信息放入reg_error class=”reg_error”> Js: $(‘#reg’).validate({ errorLabelContainer:’ol.reg_error’, wrapper:li rules:{ user:{ required:true, minlen原创 2015-12-19 10:14:33 · 318 阅读 · 0 评论 -
ajax表单验证插件
核心方法 form.js有两个核心方法:ajaxForm()和ajaxSubmit(),他们集合了从控制表单元素到决定如何管理提交进行的功能。 提交方式: 1、$('#reg').ajaxForm(); 2、//js里用了submit()方法时,采用ajaxSubmit()提交 $('#reg').submit(function()原创 2015-12-22 17:01:52 · 343 阅读 · 0 评论 -
ajax表单提交
ajax提交表单 一、 网络速度影响,loading Html 数据交互中 Js: $(‘#loading’).dialog({ autoOpen:false, modal:true, closeOnEscape:false,//按二手车键不能关闭对话框 resizable:false,//不能移动 draggable:false,//不能放大放小 width:180原创 2015-12-22 17:03:18 · 200 阅读 · 0 评论 -
cookie插件
使用cookie插件 生成一个cookie $.cookie(‘user’,’jjyy’); cookie的一些参数: $.cookie(‘user’,’jjyy’,{ expire:7,//过期时间 path:’/’, // 设置路径 domain:’www.hjk.com’ //设置域名,限制在该域名下使用 secure原创 2015-12-22 17:04:12 · 251 阅读 · 0 评论 -
ajax登录
先验证数据合法性---写入cookie----提交 一、注册时,当用户名在数据库中已存在时,显示用户名已存在。 Js文件: rules:{ user:{ required:true, minlength:2, remote:{ user:’is_user.php’, type:’post’}}} 二、判断有效期 $(‘#原创 2015-12-22 17:05:27 · 278 阅读 · 0 评论 -
折叠菜单ui
使用accordion $('#accordion').accordion(); 修改样式 accordion属性 $('#accordion').accordion({ collapsible:true,//可以自我关闭 disabled:true,//禁用所有的原创 2015-12-22 17:06:13 · 657 阅读 · 0 评论 -
ajax知识应用点
ajax提问(将前端的数据提交到数据库) 标题+描述+评论(用评论代替回答) Ajax显示(后台数据库中的数据显示在前端) 描述的显示全部、收起等 通过字符串截取的方式代替高度隐藏的方式(注意动态加载”显示全部”和”收起”) Ajax提交评论 显示评论 加载更多(分页显示评论) 屏蔽低版本IE8以及以下版本: window.loca原创 2015-12-23 21:18:23 · 190 阅读 · 0 评论 -
对话框
在插件中的this,经过了一些封装处理,this就是表示jquery对象,而不是原生的DOM对象。 创建header区 要永远置顶 dialog()方法的事件 可以给各种不同状态时提供回调函数,若回调函数中使用this表示对话框内容的div对象,不是整个对话框的div。 dialog事件选项 事件名原创 2015-12-07 13:23:26 · 432 阅读 · 0 评论 -
工具提示ui
工具提示: 出现提示,需要调用tooltip()方法 调用tooltip()方法之前,要设置对应元素的title属性 请输入账号,不少于2位!!"> Js中:$('#reg input[title]').tooltip(); 修改tooltip()样式 tooltip()方法属性原创 2015-12-08 15:51:34 · 309 阅读 · 0 评论 -
按钮ui
按钮UI 一、使用button按钮 button()方法的属性 按钮方法有两种形式:1、button(options),options是以键值对的形式传参,每个键值对表示一个选项;2、button(‘action’,param),action是操作对话框方法的字符串,param则是options的某个选项。 Button按钮选项原创 2015-12-07 20:57:37 · 366 阅读 · 0 评论 -
插件
引入插件几个步骤: 必须先引入jquery.js文件,而且在所有插件之前引入 引入插件 引入插件的周边,例如皮肤、中文包等 一、验证插件 Validate.js是验证插件,这个插件有两个js文件,一个是主文件,一个是中文包文件,使用时可以使用min版本 只要通过form元素的jquery对象调用 va原创 2015-11-28 16:50:57 · 244 阅读 · 0 评论 -
工具函数
工具函数:指的是直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的函数,主要用于提供比如字符串、数组、对象等操作方面的遍历。 字符串操作 在jQuery提供了一个去除字符串左右空格的工具函数:$.trim(),去除字符串两边空格 var str=" jQuery "; ale原创 2015-11-27 20:18:36 · 496 阅读 · 0 评论 -
过滤器
基本过滤器 过滤器名 jQuery语法 说明 返回 方法 :first $(‘li:first’) 选取第一个元素 单个元素 first()原创 2015-11-10 17:31:50 · 228 阅读 · 0 评论 -
DOM与CSS操作
DOM 设置元素及内容 html()和text()方法 方法名 描述 html() 获取元素中HTML内容 html(value) 设置元素中HTML内容 text()原创 2015-11-13 14:11:33 · 622 阅读 · 0 评论 -
表单选择器
表单选择器 方法名 描述 返回 :input 选取所有input、textarea、select和button元素 集合元素 :text 选择所有单行文本,即type=text原创 2015-11-14 16:14:55 · 244 阅读 · 0 评论 -
DOM节点操作
创建节点 var box=$('hello'); $('body').append(box); 插入节点 内部插入 方法名 描述 append(content) 向指定元素内部后面插入节点content原创 2015-11-13 21:16:10 · 311 阅读 · 0 评论 -
基础事件
绑定事件 jQuery通过.bind()方法来为元素绑定这些事件,可以传递三个参数:bind(type,[data],fn) (1)$(‘input’).bind(‘click’,function(){ alert(“点击”);}) (2)$('input').bind('click',fn); function fn原创 2015-11-14 21:55:03 · 340 阅读 · 0 评论 -
事件对象
一、事件对象 javaScript在事件处理函数中默认传递了event对象,即事件对象,jQuery在封装时创建了一些非常好用的方法和属性。 event对象属性 属性名 描述 type 获取这个事件的事件类型,例如click target原创 2015-11-15 21:18:48 · 327 阅读 · 0 评论 -
动画效果
1、显示和隐藏 显示的方法show (),隐藏的方法为hide() input type="button"class="show" value="显示"> input type="button"class="hide" value="隐藏"> div style="height:200px;width:200px;background:red"原创 2015-11-20 21:37:28 · 304 阅读 · 0 评论 -
自动补全(邮箱)
自动补全ui 一、调用autocomplete() var host=['aa','aaa','aaaa','bbbbb']; $('#email').autocomplete({ source:host }); 二、修改autocomplete样式 三 、autocomplete()属性 四、autocom原创 2015-12-08 20:51:16 · 656 阅读 · 0 评论 -
常规选择器
常规选择器: 简单选择器: (1)jQuery选择器里, $(‘#box’).css(‘color’,’red’);//获取DOM节点对象,并添加行为 还有以下选择器: 选择器 CSS模式 jQuery模式 描述原创 2015-11-01 19:58:09 · 522 阅读 · 0 评论 -
jQuery高级事件
操作模拟 1、trigger() 不是人为的去点击,而是模拟人去点击。例如,当页面加载完成后,自动触发按钮操作 $('input').click(function(){alert("click!");}); $('input').trigger('click'); 额外数据获取 $('input').click(function(原创 2015-11-19 18:30:22 · 298 阅读 · 0 评论 -
选项ui
选项卡:是一种能提供给用户在同一个页面切换不同内容的ui。尤其是在页面布局紧凑的页面上。 使用table $('#tabs').tabs(); tabs外观选项和方法 HTML文件: div id="tabs"> ul> li>a href="#tab1">tab1a>li><!-- 当点击此按钮是,显示t原创 2015-12-28 20:32:02 · 364 阅读 · 0 评论 -
ajax
可以异步提交:多线路提交 Ajax:Asynchronous JavaScript and XML (1)、javaScript:通过 用户或其他与浏览器相关事件捕获行为 (2)、XMLHttpRequest对象:通过这个对象可以在不中断其他浏览器任务的情况下向浏览器发送请求 (3)、服务器上的文件:以XML、HTML、JSON格式保存文本数据 (4)、其他javaScript:解释来自原创 2015-11-26 20:03:18 · 307 阅读 · 0 评论 -
验证注册表单
创建注册表单 Html: div id="reg" title="会员注册"> p> label for="user">账号:label> input type="text"name="user" class="text"id="user" title="请输入账号,不少于2位!!"> span class="star">*原创 2015-12-08 14:42:10 · 274 阅读 · 0 评论