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