Gritter 是一个小型的 jQuery 消息通知插件，通知效果如下图所示：参考网原文：http://www.cnblogs.com/ada-zheng/p/3760943.html
DomApi、JQuery手册目录DomApi、JQuery手册DomApiJQueryJQuery UIJS代码片段DomApi//1. 创建元素 document.createElement("canvas") // 选择元素 document.querySelector(".element") // 添加元素 .appendChild(this.dragWrapDom) // 修改高度 dom.style.width = 12+‘px‘ // 修改显示状态 .style.display = "none" //cssText dom.style.cssText = `width: ${width+1}px;height: ${height+1}px; ` //canvas修改高度 canvasDom.wid...
(function( $, undefined ) { //-----闭包，熟了不能再熟了$.effects.effect.transfer = function( o, done ) {var elem = $( this ),target = $( o.to ), //最终移到到的目标元素targetFixed = target.css( "position" ) === "fixed",body = $("body"),fixTop = targetFixed ? body.scrollTop() : 0,fixLeft = targetFixed ? body.scrollLeft() : 0,endPosition = target.offset(),animation = ...
最近在使用jquery.form.js提交包含文件的表单时，碰到了一个问题：当碰上网速较慢时，而我们又设置了timeout时，例如：var options = { timeout: 3000 //限制请求的时间，当请求大于3秒后，跳出请求 } 我们的页面会死在这里，贴上F12开发者工具返回的结果：此时，我们并没有处理错误的回调函数，而百度出来的例子中也只有这两个回调函数： beforeSubmit: showRequest, //提交前的回调函数 success: showResponse, ...
lazyload.js是一个基于JQuery的插件，可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy Load 插件原理修改目标img元素的src属性为orginal...
<!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> <script type="text/javascript" src="../jquery-2.1.4.min.js"></script> </head><body> <div id="aa" class="a" bs="test" onclick="show(...
一．<script>urlinfo=window.location.href; //获取当前页面的urllen=urlinfo.length;//获取url的长度offset=urlinfo.indexOf("?");//设置参数字符串开始的位置newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割newsid=newsids[1];//得到参数值alert("您要传递的参数值是"+newsid);< /script>二．更好的方法：声明一...
1、原生js设置select值的方法（1）有时可能需要隐藏select，但是还得需要更改select所传递的值。（select的默认选中之为第一个，即下标为0的选项值）var gd2=document.getElementById("goods_name2"); //为防止有时指定id元素不存在导致的异常if(gd2){gd2[0].value=newvalue; } (2)原生js更改select选定的值var gd2=document.getElementById("goods_name2"); //为防止有时指定id元素不存在导致的异常if(gd2) { gd2.value=newvalue;...
引用jquery封装好的js文件进行表单验证，提高了Web开发的效率。我写了一个验证的实例给大家展示一下。实例中包括的验证方法还不全面，假设没有大家想要的能够通过百度搜索关键：jquery.validate.js表单验证帮助文档来进行查阅。引入的js文件：<script type="text/javascript" src="js/jquery-1.11.2.js"></script><script type="text/javascript" src="js/jquery.form.js"></script> <script type="text/javascript" src="js/j...
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。 JSON 语法是 JavaScript 对象表示语法的子集。数据在键值对中数据由逗号分隔花括号保...
今天在工作中需要将某个链接给取消实现只触发事件的目的，后来发现批量取消链接等，脚本之家简单的给整理了下，希望对需要的朋友有所帮助。单个链接取消链接并触发js事件 <a href="javascript:void(0);" onclick="alert(‘ok‘)">测试</a> 批量将网页中的链接取消或重新设置链接的代码： 1 2 <A href="http://www.baidu.com" >百度</A> <A href="http://www.jb51.net" >脚本之家</A> 3 <A href="http://s.jb51.net" >服务器软件...
jquery对象： var $abc = $("#abc");dom对象: var abc = document.getElementById(""); 或者 var abc = $abc.get(0); 或者 var abc = $abc[0]; 等等dom转jquery对象： var abc = document.getElementById(""); var $abc = $(abc); 对于checkbox ，js判断是否选中通过 abc.checkedjquery通过$abc.is(":checked") 或者 $abc.prop("checked") 判断是否存在js：if( document.getElementById(""))...jquery: if( $("#abc").length >0).....
今天在jsp中使用jquery.form.js插件，遇到一个奇怪的地方（第一种引用方式会导致js解析错误），浪费了好多时间，特记录一下待以后研究。/*! * jQuery Form Plugin * version: 3.31.0-2013.03.22 * @requires jQuery v1.5 or later*/1. 会引起错误的引用方式：<script type="text/javascript" src="/cont-inspec/scripts/jquery.form.js" />2. 正确的引用方式：<script type="text/javascript" src="/cont-inspec/scripts/jquer...
jq选择器// 获取所有的页面元素jq对象$(‘css3选择器语法‘);var $box = $(".box:nth-child(1)"); 获取的是jq对象数组// 拿到指定的页面元素jq对象$(‘css3选择器语法‘).eq(index);var $box = $(".box").eq(1); 获取的是jq对象数组// jq 转 js （ jq对像就是由数组包裹的js对象 ）box1 = $box[0] 从数组里取出来box1 = $box.get(0) 从数组里取出来// js 转 jq$box1 = $(box1); jq操作元素对象jq操作页面内容$(".box").eq(1...
先上解决方案：对于上面出现的问题，查看了很多相关的博客，论坛。最后实在Spring-mvc.xml这个配置文件里加入了如下两行：1<mvc:annotation-driven />2<mvc:default-servlet-handler />问题描述：由于项目需要Ajax，于是在jsp的head里加入了如下代码： 1 <script type="text/javascript" src="/homework/js/jquery-1.7.2.min.js"></script>2 3 <script type="text/javascript">4 $(document).ready(function() {5 ...