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

jquery-validator中js校验及标签校验的使用【代码】

jquery-validator中js校验及标签校验的使用:1.项目中引入jquery.validate.js 官方网站:http://bassistance.de/ http://jqueryvalidation.org/2.js校验方式(自定义规则校验,扩展校验):js有默认的校验规则如:required、email、number等,下面是自定义新的校验规则://证件号码jQuery.validator.addMethod("number", function(value, element){returnthis.optional(element) ||/^[a-zA-Z0-9]+$/.test(value);}, ""); //number...

js ajax异步访问,jquery的each方法

$.ajax({ cache: true, type: "POST", url:"******.do", data:{typename:typename}, async: false, error: function(request) { alert("连接异常,请联系管理员"); }, success: function(data) { $.each(data.BData,function(i,item){ str_html += ‘<option>‘+item.name+‘</option>‘ }) } });原文:http://www.cnblo...

【jq】插件—缓存jquery.cookie.js

jquery.cookie.js插件 轻量级cookie管理1°下载地址:http://plugins.jquery.com/cookie/2°引入方式:(基于jquery) <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> 3°调用方式: 1)//新增cookie: $.cookie(‘cookieName‘, ‘cookieValue‘); 注:如果没有设置cookie的有效期,则cookie默认在浏览器关闭前都有效...

一周一话题之四(JavaScript、Dom、Jquery全面复习总结<js篇>)【代码】【图】

-->目录导航一、 JavaScript 1. js介绍 2. js语法 3. js进阶 4. js高级 5. 事例代码下载一、 JavaScript做BS系统,JavaScript的使用是少不了的;本文就带你快速回顾一下JavaScript的基本知识,看看哪些基础知识是你所遗漏的1. js介绍① js是一种基于对象和事件的脚本语言,使用浏览器来执行。② js是解释型语言,无需编译就可随时运行。③ 安全性:不允许访问本地硬盘;跨平台:有支持js的浏览器即可。④ 在网页中编...

形行色色下拉菜单(HTML/CSS JS方法 jQuery方法实现)【代码】【图】

HTML/CSS方法实现下拉菜单来源:慕课网<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}/*清除所有默认格式*/#menu{ background-color:#eee;...

jQuery和JS原生方法对比【代码】【图】

input标签讲解  <input/>作为按钮的type属性:button、submit(后面会有二者对比分析)    (交互时的效果跟浏览器以及操作系统相关)  <input/>的局限性    <input/>是自闭合标签(不能嵌套其他的标签),所以不能定义复杂样式按钮,所谓复杂的样式,一般指图文混杂的按钮,如下图所示:    如果想实现复杂的按钮样式,我们可以选择使用button标签。搜索框中的form标签<form></form>  <form>基本构成    ac...

JQuery动画插件Velocity.js发布:更快的动画切换速度

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...

web下c#用jquery.tmpl.min.js插件实现分页_yginuo【代码】【图】

背景: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...

js,jquery滚动条距顶部距离

$(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()重复加载,多次加载 js 和css问题的解决办法

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

jQuery部分功能使用js进行实现(初探JQ)【代码】

今天使用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...

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",...