input标签讲解 <input/>作为按钮的type属性：button、submit（后面会有二者对比分析） （交互时的效果跟浏览器以及操作系统相关） <input/>的局限性 <input/>是自闭合标签（不能嵌套其他的标签），所以不能定义复杂样式按钮，所谓复杂的样式，一般指图文混杂的按钮，如下图所示： 如果想实现复杂的按钮样式，我们可以选择使用button标签。搜索框中的form标签<form></form> <form>基本构成 ac...
5月3日，Julian在其GitHub上发布了Velocity.js。Velocity.js是一款动画切换的jQuery插件，它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小，它不仅包含了$.animate()的所有功能，并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scroll功能，它是jQuery、 jQuery UI、CSS变换 在动画方面的最佳组合。Velocity.js支持IE8+、Chrome、Firefox等浏览器，并支持Andriod以及IOS。Vel...
背景：webform或者mvc下实现插件快速分页ps：我这里用的mvc开发的，数据库连接。用的ADO.NET实体数据模型此案例下载地址（内含需要用到的一个插件与数据库）：http://download.csdn.net/detail/u011597071/9384578效果图：1.需要加载的框架1 @*加载jquery框架*@ 2<script src="~/Scripts/jquery-1.8.2.min.js"></script>3 @*加载Tmpl分页控件*@ 4<script src="~/Scripts/jquery.tmpl.min.js"></script>4.需要添加的类： 1pub...
$(window).scroll(function(){ var S = document.body.scrollTop || document.documentElement.scrollTop; if(S >= 2000){ $(".up").css({"display":"block"}); }else{ $(".up").css({"display":"none"}); } });如果滚动不生效，只要取消HTML和body的height：100%就行原文：https://www.cnblogs.com/yaoyao-/p/13298298.html
jquery load + div实现异步加载资源，出现重复js和css资源的重复加载，导致js失效或重复执行等问题：调用load前执行语句： $.ajax({cache: false}) 关闭ajax缓存。此方法已经过时 $.ajaxSetup ({ cache: false }); According to http://api.jquery.com/jQuery.ajaxSetup/ it‘s use isn‘t recommended.Try using $.ajax({cache: false}) instead. 原文：http://www.cnblogs.com/mengyehongmanshan/p/6856730.html
今天使用js写了段jq中的html()方法。我的原则是废话不多说，直接放代码。。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>JQuery初探</title> </head> <body><div id="box"><span>1112</span></div><script>var Kodo = function(selector){returnnew Kodo.prototype.init(selector);}Kodo.prototype = {constructor : Kodo,length : 0,splice : [].splice,selector : ‘‘,id:{},init : function(selector...
1?? 简介fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等2?? 兼容性jQuery 兼容兼容 jQuery 1.7+。浏览器兼容3?? 使用方法1、引入文件css部分 <link rel="stylesheet" href="jquery.fullPage...
前两天接到一个任务，把之前的做过的一个系统实现国际化，之前的系统用的是Spring框架，国际化还是比较简单的。但是有一些提示是写在js文件里面的，搜了一些，发现一个js国际化的框架jquery.i18n.properties.js，用了一些还是比较方便的。首先引入js文件，这个框架是依赖jquery的，所以jquery也要先引入，由于项目用了requireJs，所以在main文件里引入一下就可以了require.config({ baseUrl: contextPath + "/js", paths: ...
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //验证邮箱的正则表达式if(!reg.test(input.val())){ //input.focus(); return false;}原文：http://www.cnblogs.com/xiangsj/p/5888434.html
jquery.validate.js使用记录首先到JQ官网下载搜索validate插件，下载相关源码，附上validate官网网址https://jqueryvalidation.org/找到validation\demo\bootstrap，参考bootstrap与volidate结合使用的例子改造成如上样式如上所示，volidate能根据rules的规则当鼠标焦点离开输入框后，在输入框内添加OK或者X标志，并且生成文字节点添加指定DOM位置。是个挺不错的插件。自定义规则以及提示信息： jQuery.validator.addMethod("url",...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记23.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBig...
一、在JSP页面引入jquery.upload.js 文件：<script type="text/javascript" src="${ctx}/script/jquery.upload.js"></script> 二、JSP页面代码：<!-- 弹窗 开始 --><div class="dialog_teachermanage" id="addDialog" style="width:923px; display:none"><div class="dialog_title" data-operateType="add"></div><form id="formId" method="post" enctype="multipart/form-data"><div class="dialog_body"><div class="left"><!...
1.IE条件注释条件注释简介IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记13.2 照片加载与定位 根据功能设计，可以先写好 HTML 结构基础，再配好 CSS 做出大致效果，最后用 JavaScript加上各种动作。首先请看 HTML 代码结构。 3.2.1 HTML 代码 CSS代码保存到 eg3.css 文件中，JavaScript代码保存到 eg3.js 文件中，...
一、引入jquery二、HTML代码三、js代码1）引入js代码2）下面是完整的js代码 原文：http://www.cnblogs.com/ncuhwxiong/p/5912618.html