小虎博客 | 感悟生活,记录生活中的点滴

jquery中checkbox反复没反应问题解决办法

checkbox由于特殊性所以我们要选中与反选都与其它的有一点区别，下文小编整理了一个jquery中checkbox反复没反应问题解决办法，大家一起来看看。 jquery1.9以后，checkbox的选中用attr就有问题，第一次能选中，第二次选不中，要换成prop来设置属性。 1,问题重现,代码如下: <html> <body> <input type="checkbox" name="items"...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery中全局ajax参数详细执行分析

jquery中全局ajax参数很多朋友不太清楚了，这里我来以一篇文章为各位分析jquery中全局ajax参数例子，希望可以帮助到大家哦。本文分析的问题，比较奇葩。可能大家在一般的项目中都用不到。所以首先要先了解这个应用场景。反正我分析了之后才发现jquery全局$.ajax竟然可以这样用! IT分享 1、背景在页面中使用ajax请求进行异步操作这个现在比较常用，我们会在ajax开始时候加个进度显示，在complete之后隐藏...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery.qrcode.js自动生成二维码例子

jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件了，这样我们就不需要使用php了，可以直接使用qrcode.js来生成客户端二维码了。 html代码如下: <input id="txt" type="text" value="https://www.xiaohuboke.com/"> <input id="btn" type="button" value="生成二维码"> <div id="qrcode"></div...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

Javascript利用iframe框架实现文件上传

iframe框架实现文件上传原理就是点击表单上传时我们在from的打开方式是在iframe模式中操作了，这个就非常的简单了，下面给各位把例子介绍一下吧。 html <form name="multiform" id="multiform" action="multi-form-submit.php" method="POST" enctype="multipart/form-data"> 姓名: <input type="text"&n...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery刷新iframe页面的方法(兼容主流)

刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了，下面来看分析过程。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数:bForceGet,可选参数,默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下: <script language="JavaScript">&nbs...

2016年01月07日编程技术暂无评论喜欢 1 阅读全文

JQuery判断radio是否选中，获取选中值例子

一个JQuery判断radio是否选中,获取选中值例子,没有什么特别要说的地方,大家拿下去直接使用即可. 其他对radio操作功能,以后在添加,直接上代码,下面可以直接运行. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery ...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

JQuery实现层的隐藏和显示的几种方法

基于jquery的显示与隐藏效果我们可以直接使用hide()与show()方法来实现，并且这两个方法可以带有缓存效果。通过hide()和show()方法来隐藏和显示HTML元素,代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 可选的 speed ...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery中页面Ajax方法$.load的功能

ajax的Ajax方法是很好用的，可以直接加载整个页面与可以设置post或者get方式传参数过去，下面来看个例子。 load语法: $(".selector").load("url", function(responseText, statusText, xmlhttprequest)); 可以做到加载一个页面的时候，如果发生错误，根据statusText给出的状态，显示对应的提示，这对用户来说非常重要。例子,load post,代码如下: <div id=btnAjaxPost>点击我</div>&nb...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery自动给页面所有图片加链接

这个功能用得比较少，但有时也会用上，我们在上传图片没有连接了，但希望用户点击时加上指定连接，下面来看一个例子。 html与图片,代码如下: <script src='jquery-1.9.1.min.js'></script> <div id="replAll"> <img alt="" src="20140925101646722.png" /><br/> <img alt="" src="2014091909...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery实现键盘监听程序代码

键盘监听主要利用一些事件来判断用户的按键然后进行一些对应的操作了，下面给大家整理了一个例子。例子,代码如下: <script src="jquery-1.11.0.min.js" type="text/javascript"></script> <script type="text/javascript"> //获取键盘ascII码;...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery 表单下拉框(select)美化增加强版示例

下拉框美化我们会看到很多的实现方法，用到最多的是js来模仿select下拉框了，下面一聚小编来为各位介绍一下吧。在前几篇中有分享Jquery Select2的文章，Select2是一个基于jQuery的替代选择框。它支持搜索、远程数据集和无限滚动的结果。今天继续分享一下Select2的使用。 1、Select2绑定事件主要能用到事件有select数据绑定时、打开时、关闭时,代码如下: $("#selectsq").select2(); &nbs...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery实现DIV水平和垂直居中代码

垂直居中是可以通过css与js来实现了，下面来看两代码实现DIV水平和垂直居中代码，希望能帮助到各位同学哦。经常有朋友问到有关DIV水平居中和垂直居中的问题，今天就把之前写过的一个jquery实现方法分享出来；记住，jquery.js不要引用2.0.0版本以上的，要引用1.10.1左右版本的，不然IE9以下不兼容；兼容各种浏览器： jquery方法,代码如下: //页面加载完就执行这个方法 $(function(){ ...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

几行代码jquery实现图片放大预览

一款效果很好的响应式图片放大浏览特效,引用文件：jquery.fancybox.css、jquery-1.8.2.min.js、jquery.fancybox.js (没有大家可以直接百度搜索下载),几行代码jquery实现图片放大预览,具体方法我已经整理成文件，可以预览查看效果，也可以直接下载浏览源码,代码如下: <!DOCTYPE html> <html> <head> <title>图片放大浏览</ti...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

怎么编写高效的jQuery代码

怎么编写高效的jQuery代码呢，对于新手可能不会去关注这个问题，对于像大型网站的前端开发者肯定会很注意这个问题，下面我们一起来看编写高效的jQuery代码一些方法总结。讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，跟大家推荐一下j...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

js和jquery获取图片真实的宽度和高度

下文给各位介绍js和jquery获取图片真实的宽度和高度的例子，希望对大家有帮助。 1、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法 1）给所有的图片加...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery动态生成元素鼠标响应方法live()函数

在jquery中live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数了，下文就来介绍在我们动态创建事件元素时再绑定live()方法，下文就一起来看看吧。最简单的方法,当点击按钮时,隐藏或显示 p 元素,代码如下: $("button").live("click",function(){ $("p").slideToggle(); }); jQuery在动态生成HTML元素后,如果该元素...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jQuery固定浮动侧边栏(jQuery fixed Sidebar)

这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是这样的：首先获取需要跟随的DIV距离页面顶部的距离，然后判断，当浏览器滚动的距离大于该DIV本身距离顶部距离的时候，则添加CSS属性fixed即可。这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

jquery操作select的各种方法

本文章主要是介绍jquery操作select的一些通用的例子，我们下面来为各位总结了一些jquery操作下拉框的一些例子，希望对各位有帮助。在工作中，有时候会遇到给select组件添加一些事件，前两天发表了一篇文章，《用jquery给select加选中事件》大致阐述了简单的jq操作select的方法，但是为了详细的介绍一下select，争取让大家把它吃透，也为了和脑残的IE作斗争，于是有了这篇文章的诞生。一、使用jquery获取s...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

解决jQuery库使用$ 与其他JS库试用$ 重复冲突问题

$符号是很多插件中会使用到的一个快速获取对象的一个方法了，有时我们一个页面会使用到几个库，那么就会碰到与jquery $符号冲突了，下面我们就冲突问题来看看解决办法。有时候需要同时使用jQuery和其它javascript，但是可能由于jquery和其他js都使用了$作为简写，会造成js重复冲突的情况，导致js报错，页面的js无法正常运行，要让jQuery和其它javascript库共存，有以下三种方法（均来自于官方网站）： 1....

2016年01月07日编程技术暂无评论喜欢 0 阅读全文

利用jquery给select加选中事件示例

给select增加样式我们只需要addClass与removeClass 给指定css增加样式就可以了，具体来看例子。 select在前端开发过程中很常用，现在我们要实现一个效果，那就是选中select中的某一项，执行事件，本来自己没怎么接触过这些，最后网上找了一些资料，自己研究了一下，把方法分享给大家，大家如果有需要的可以直接拿过去用，当然这个方法在脑残的IE里也是支持的。我就演示一个简单的效果吧利用jquery给selec...

2016年01月07日编程技术暂无评论喜欢 0 阅读全文