jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单: 1、首先在页面中加入jquery库文件和qrcode插件。代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> 2、在页面中需要显示二维码的地方加入以下代码。代码 <div id="qrcodeCanvas"></div> <script> jQuery(‘#qrcodeCanvas‘).qrcode({ width : ...
一、dom对象及jquery对象相互转换 jquery对象转换成dom对象,即 [index] 和 get(index) 第一种方式:
var $j = $(‘#id‘); // jquery对象
var j = $j[0]; // dom对象第二种方式:
var $j = $(‘#id‘); // jquery对象
var j = $j.get(0); // dom对象二、jquery库与其他库的冲突 1. jquery库在其他库之后导入第一种:使用 jQuery.noConflict() 函数<script type="text/javascript" src = "prototype.js"><...
前言以前一直以为当$.ajax()的 dataType设置为jsonp时,其method(请求方法)无论怎么设置,都会变成get,直到前两天遇到了一个坑。下面来一起看看详细的介绍:关于跨域请求与jsonp跨域:由于受到同源策略(协议、域名、端口三者必须全部相同)的影响,ajax请求会受到限制,要突破这种限制,跨域便产生了。跨域的解决方案有多种,这里不展开阐述,只是针对GET请求中的jsonp跨域解决方案做一下说明。jsonp,本质上jsonp不是xhr异步请...
jquery split 多个分隔符如下:如果我想 对jsp页面中 一个字符窜按照多个分隔符 进行分隔 需要如下进行:var str = "主治疾病,疾病,病。"; var arr = str.split(/[, .。,]/);原文:http://my.oschina.net/tinglanrmb32/blog/373884
$("#dishTypeTable tbody").find("tr").eq(0).siblings().each(function(index){var chooseNum = $(this).find("td").eq(1).find("input:checked").length;console.log(chooseNum);if (chooseNum == 0) {layer.msg("每个门店至少选择一个参与活动的菜品种类");return;}});运行之后发现并不能起到终止方法的作用,debug发现在each函数中每次return,只是起到了跳出当次循环的作用.百度之后发现,return true(return) 相当于continue,跳...
jsp代码:<c:forEach var="main" items="${mainPage.list }"><tr><td><a class="sceneStr_td">${main.sceneStr }</a></td><td class="concern">${main.concernedNumber }</td><td class="noConcern">${main.noConcernedNumber }</td><td class="validateNumber">${main.validateNumber }</td><td>${main.createTime }</td><td>${main.delFlag==0?‘允许‘:‘不允许‘ }</td><td><a href="${main.url }" target="_blank">二维码链接...
$(document).height():整个网页的高度
$(window).height():浏览器可视窗口的高度
$(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)
用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。
当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。
不建议使用$("html").height()、$("body").height()这样的高...
jQuery源码分析-03构造jQuery对象-源码结构和核心函数jQuery.fn和jQuery.prototype区别 原文:http://www.cnblogs.com/littlewriter/p/6391445.html
十四、jquery属性操作 attr prop十五、jquery属性操作 class 值十六、操作input中的value值十七、jquery文档操作十八、jquery位置操作十九、仿淘宝导航栏案例二十、jquery常用筛选方法二十一、选项卡嵌套二十二、小米官网案例二十三、焦点轮播图二十四、动态实现轮播图 原文:https://www.cnblogs.com/alice-bj/p/9031592.html
对于我这个半路出家的前端,使用jquery已经很长时间了,对于选择器,一直都局限在id,class,element选择器。每次写一个元素都得想一个id,一个页面写下来想id名都想的累的慌。最近手头项目比较多,头晕脑胀的,遂决定每天下班回去还是得学学jquery的其它强大选择器,边学边做点笔记吧。一、伪选择器:first / :last匹配找到的第一个/最后一个子元素:first-child / :last-child匹配第一个/最后一个元素笔记:这两组是最先让我分不清...
认识JQuery:1、window.onload与$(document).ready()的区别 window.onload$(document).ready()执行时机必须等待网页中的所有内容加载完毕后才能执行网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有完全加载完编写个数不能同时编写多个方法可以同时编写多个 简化写法 $(document).ready(function(){//…}) 2、jQuery对象以及DOM对象jQuery:$(”#foo”).html( ); //获取id为foo的元素内的html代码,html( )...
deferred的功能及其使用deferred的实现原理及模拟源码 一、deferred的功能及其使用deferred的底层是基于callbacks实现的,建议再熟悉callbacks的内部机制前提下阅读这篇博客,如果需要了解callbacks可以参考:jQuery使用():Callbacks回调函数列表之异步编程(含源码分析)deferred.done() 向成功状态的回调函数列表中添加回调方法deferred.fail() 向失败状态的回调函数列表中添加回调方法deferred.progress() 向正在进行状态的回调...
在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,html代码如下:1<input class="gain" type="button" value="获取验证码">js代码如下: 1var istime=true;2 $(".gain").click(function(){if(ischange){getCode($(this),30)}})3 4//获取验证码 5function getCode(a,n){//a:DOM节点,n:倒数秒数 6 istime=false;7 a.val(n+"s");8var times=setTimeout(changetime,1000);9function changetime()...
TouchSwipe一款专门为移动设备设计的jquery插件,用于监听单个和多个手指触摸等事件。一、特点:1、监听滑动的4个方向:上、下、左、右;2、监听多个手指收缩还是外张;3、支持单手指或双手指触摸事件;4、支持单击事件touchSwipe对象和它的子对象;5、可定义临界值和最大时间来判断手势的实际滑动;6、滑动事件有4个触发点:“开始”,“移动”,“结束”和“取消”;7、结束事件可以在触摸释放或是达到临界值时触发;8、允许手指刷...
本节说一下DOM操作模块里的包裹元素子模块,该模块可将当前匹配的元素替换指定的DOM元素,有如下方法:wrap(html) ;在每个匹配元素的外层添加一层DOM元素 ;该方法会遍历匹配元素集合,在每个元素上调用.wrapAll()方法 ;不同于wrapAll()的是该方法会在每个匹配元素外面都套一层html元素。wrapAll(html) ;会将html转化为一个DOM节点并放在第一个匹配元素的前面,再把其...