【js补充、jquery】教程文章相关的互联网学习教程文章

jquery插件-fullpage.js【代码】【图】

1?? 简介fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等2?? 兼容性jQuery 兼容兼容 jQuery 1.7+。浏览器兼容3?? 使用方法1、引入文件css部分 <link rel="stylesheet" href="jquery.fullPage...

使用jquery.i18n.properties.js实现js国际化【代码】【图】

前两天接到一个任务,把之前的做过的一个系统实现国际化,之前的系统用的是Spring框架,国际化还是比较简单的。但是有一些提示是写在js文件里面的,搜了一些,发现一个js国际化的框架jquery.i18n.properties.js,用了一些还是比较方便的。首先引入js文件,这个框架是依赖jquery的,所以jquery也要先引入,由于项目用了requireJs,所以在main文件里引入一下就可以了require.config({ baseUrl: contextPath + "/js", paths: ...

jQuery/js 正则收集【代码】

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【图】

jquery.validate.js使用记录首先到JQ官网下载搜索validate插件,下载相关源码,附上validate官网网址https://jqueryvalidation.org/找到validation\demo\bootstrap,参考bootstrap与volidate结合使用的例子改造成如上样式如上所示,volidate能根据rules的规则当鼠标焦点离开输入框后,在输入框内添加OK或者X标志,并且生成文字节点添加指定DOM位置。是个挺不错的插件。自定义规则以及提示信息: jQuery.validator.addMethod("url",...

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3【代码】【图】

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【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...

图片上传(方法一:jquery.upload.js)【代码】【图】

一、在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"><!...

js/jquery/html前端开发常用到片段代码(一直更新着)【代码】

1.IE条件注释条件注释简介IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。如果你安装了多个IE,条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容...

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2【图】

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【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 文件中,...

js(jquery)代码在页面上实时地显示时间【图】

一、引入jquery二、HTML代码三、js代码1)引入js代码2)下面是完整的js代码 原文:http://www.cnblogs.com/ncuhwxiong/p/5912618.html

jQuery遮罩插件jQuery.blockUI.js简介【代码】

本文链接:http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/jQuery遮罩插件jQuery.blockUI.js简介原文:http://www.cnblogs.com/keyi/p/6364559.html

JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法【转】【代码】

$(function(){//遍历获取的input元素对象数组,绑定click事件var len = $("input[type='file']").length;for(var i = 0; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hide();$(this).css("width","200px");})} }jQuery获取:jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于...

js与jQuery实现方式对比汇总【代码】

CreateTime--2016年12月16日09:11:23Author:Marydonjs与jQuery实现方式对比汇总<div id="ListContainer" style="border:1px solid red;height:100px;width:100px;"></div>1.控制元素的显示与隐藏   javascript方式/*控制div隐藏*/ document.getElementById("ListContainer").style.display = "none"; /*控制div显示*/ document.getElementById("ListContainer").style.display = "block";  jQuery方式/*控制div隐藏*/ $("#List...

js中的innerText、innerHTML、属性值、value与jQuery中的text()、html()、属性值、val()总结【代码】

js与jQuery获取text、html、属性值、value的方法是不一样的。 js与jQuery,text与innerText获取(<!---->中为结果)html:<p id="test">这是段落中的 <b>粗体</b> 文本。</p><button id="btn10">jQuery显示text</button><!--Text: 这是段落中的 粗体 文本。--><button id="btn11">jQuery显示 innerTEXT</button><!--Text: undefined。--><button id="btn12">js显示 innerTEXT</button><!--Text: test-->js:$("#btn10").click(function...

JS与Jquery的事件委托机制【代码】

传送:http://www.ituring.com.cn/article/467概念:  什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。  举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍...

放弃jQuery,使用原生js吧!【代码】

转自:http://itakeo.com/blog/2015/07/28/nojq/随着IE6、7、8的逐渐淘汰,HTML5的兴起,以及侧重点放在了移动端,jQuery可能变的不在那么重要,原生一样很好用。下面介绍几个原生替换jq的方法。获取元素JQuery$(‘.xxx‘); //class获取 $(‘#xxx‘); //id获取 $(‘.xxx.ccc‘); //同时包含xxx和ccc $(‘.xxx,.zzz‘); //多选 $(‘.xxx div‘); //子类 $(‘.xxx p:first‘); //第一个P元素 原生js//querySelector基...