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