
前端jQuery
qq_27278679
前端菜鸟
展开
-
jQuery插件之validate
一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。 1、配置方法 先导入jQuery库,然后导入Validate插件,如果是中文提示还需要导入messages_zh.js。 注意Validate的导入要在jQuery库之后。代转载 2016-06-16 22:51:05 · 246 阅读 · 0 评论 -
rotate.js
方法一:(不支持火狐)[javascript] view plain copy"font-size:14px;">"font-size:14px;">"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional转载 2017-03-01 11:28:10 · 354 阅读 · 0 评论 -
jQuery 3.0十大新特性
开始前的说明如果你想要下载jQuery 3.0进行亲自实验,可以通过该页面进行下载。另外,升级指南和源代码也值得你一看。如果你想要测试一下你的项目如何在jQuery 3.0中工作的,你可以尝试通过jQuery迁移插件来识别代码的兼容性问题,你也可以查看jQuery未来发展的时间表。1. 移除旧的IE工作区新的最终版最主要的目标是更加快速,更加时尚,因此,那些支持早于IE9版本的转载 2017-01-19 15:23:05 · 182 阅读 · 0 评论 -
Javascript 设计模式
讲 Javascript 设计模式的书还比较少,《Pro javaScript Design Patterns》是比较经典的一本,但是它里面的例子举得比较啰嗦,所以结合我在工作中写过的代码,把我的理解总结一下。如果我的理解出现了偏差,请不吝指正。一 单例模式单例模式的定义是产生一个类的唯一实例,但js本身是一种“无类”语言。很多讲js设计模式的文章把{}当成一个单例来使用也勉强转载 2016-12-08 16:22:45 · 541 阅读 · 0 评论 -
bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1,所以我把daterangepicker与Bootstrap-2.3.1进行了整合。 一、需要引入的css与js转载 2016-12-05 12:05:42 · 618 阅读 · 0 评论 -
获取页面相关宽度高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽:转载 2016-11-30 10:28:38 · 198 阅读 · 0 评论 -
text-overflow:ellipsis的巧妙运用
关键字: text-overflow:ellipsis语法:text-overflow : clip | ellipsis 取值:clip :默认值 。不显示省略标记(...),而是简单的裁切.ellipsis: 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已,也没被收录到w3c标准里 .转载 2016-11-12 14:50:04 · 287 阅读 · 0 评论 -
Yahoo的军规章程
1、尽量减少HTTP请求个数——须权衡合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。2、使用CDN(内容分发网络)这里可以关注CDN的三类实现:镜像、高速缓存、专线,以及智能路由器和负载均衡;3、为文件头指定Expires或Cache-Control,使内容具有缓存性。区分静态内容和动态内转载 2016-11-11 09:18:51 · 349 阅读 · 0 评论 -
js与jquery实时监听输入框值的oninput与onpropertychange方法
初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发。曲线救国一下,想到用 keydown 来解决。其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发的。所以这个方法也排除掉了。然后,查询了一些相关资料,发现只有原生 js 的 oninput & onpropertychange 符合此要求,接着便转载 2016-10-27 19:18:11 · 329 阅读 · 0 评论 -
hibernate--HQL查询语句-----分组、排序--多条件排序
1.实体的更新和删除: 在继续讲解HQL其他更为强大的查询功能前,我们先来讲解以下利用HQL进行实体更新和删除的技术。这项技术功能是Hibernate3的新加入的功能,在Hibernate2中是不具备的。 比如在Hibernate2中,如果我们想将数据库中所有18岁的用户的年龄全部改为20岁,那么我们要首先将年龄在18岁的用户检索出来,然后将他们的年龄修改为20岁,最后调用S转载 2016-10-26 09:17:39 · 4116 阅读 · 0 评论 -
jquery 鼠标滚轮实现图片缩放
方法一:(不支持火狐)[javascript] view plain copy"font-size:14px;">"font-size:14px;">"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd转载 2016-11-05 18:50:06 · 798 阅读 · 0 评论 -
用JS获取地址栏参数的方法
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr转载 2016-11-04 18:04:18 · 256 阅读 · 0 评论 -
JQuery 自动触发事件
注意是自动触发,页面一加载就出发的(正常情况下$(document).ready(function(){}来加载)常用模拟有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的cl转载 2016-09-26 13:17:35 · 501 阅读 · 0 评论 -
JQuery:常用方法一览
代码Attribute:$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, func转载 2016-09-22 10:01:51 · 176 阅读 · 0 评论 -
前端面试
HTMLDoctype作用?标准模式与兼容模式各有什么区别?(1)、声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。(2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工转载 2016-08-26 20:23:51 · 866 阅读 · 0 评论 -
jquery判断checkbox是否选中及改变checkbox状态
jquery判断checked的三种方法:.attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'): //16+:true/false.is(':checked'): //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:转载 2016-09-14 11:30:10 · 260 阅读 · 0 评论 -
TweenMax使用方法
SuperScrollorama是一个用来实现超酷的滚动动画效果的 jQuery 插件。实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。地址:http://johnpolacek.github.io/superscrollorama/TweenMax.min.jsFlash业界久负盛名的动画引擎(TweenLite等)G转载 2017-03-09 16:40:57 · 498 阅读 · 0 评论