夏日博客

jQuery操作表单元素各种方法总结

jQuery操作表单元素各种方法总结
下面整理了一些在jquery中常用的操作表单元素的一些代码，这些代码非常的有用下面整理一下给各位，希望对大家帮助。 表单元素无处不在，已然成了Web应用不可或缺的一个部分。对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值。那在JQuery和JavaScript中怎么操作表单元素的值？ JQuery操作表单总结： 1、文本框、密码框、隐藏域、文本域（id换成对应的,value属性存在，才能利用attr(‘value’...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery JSON的省市联动实例代码

jQuery JSON的省市联动实例代码
jQuery JSON的省市联动实例代码原理就是利用ajax来动态加载从mysql数据库中查询过来的数据，然后由jquery 遍历json进行重置select了，下面来看看这个例子布局吧。 首先在head中载入jquery库和cityselect插件。 接下来，我们在#city中，放置三个select，并且三个select分别设置class属性为：prov、city、dist，分别表示省、市、区（县）三个下拉框。注意如果只想实现省市二级联动，则去掉第三个dist的select...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

为懒人提供的可以直接用的15个jQuery代码实例

为懒人提供的可以直接用的15个jQuery代码实例
现在的人都越来越懒了，我也不例外。本文收集了15段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，下面就让我们一起来享受jQuery代码的魅力之处吧。 jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。 1.预加载图片 (function($) {     var cache&nbs...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery实现domReady和onload判断及兼容的方法

jQuery实现domReady和onload判断及兼容的方法
要了解 jQuery 对 domReady 和 load 的区别，就是jQuery对于兼容的 domReady 是如何实现的而已。因为 onload 是各个浏览器已经实现的事件，而 DOMContentLoaded 未被低版本IE实现。 对于 jQuery 使用中 $( function(){} ) 的形式我们都不陌生，将事件函数绑定在 dom 加载完毕的时刻，相对于 window.onload 来讲可以避免一些图片，动态脚本，以及一些外部资源等加载对于当前代码执行带来的较大的延时影响，...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

用jQuery创建iframe中name的几个问题

用jQuery创建iframe中name的几个问题
用jQuery创建iframe中name是碰到了几个问题，这几个问题折腾了很久，后面找到一文章大家一起来看解决方法吧。 尼玛上次做Upload.js的时候就发现了，由于没有记笔记导致今天还在这个问题上辗转了15分钟。。。妈蛋。。。 起因是用iframe+form来做上传功能，创建一个form>input来插入到body里，（ps：最好别插在你上传按钮dom的旁边，因为可能会出现form里套form，然后。。。），让input[type=file]的元素...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

总结jQuery checkbox全选/反选代码

总结jQuery checkbox全选/反选代码
用到最多的就是多列表数据管理操作了，我们通常会需要checkbox全选与反选功能了，下文就为各位整理一下jquery对checkbox全选反选的例子整理。 在修改Hi GPA的时候需要增加一个全选用户的功能，结果被坑惨了。 首先，最终代码是这么写的： var text = $('#select-all-student').html();   if (text == '全选') {       $('i...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery固定DIV实现返回顶部效果代码

jQuery固定DIV实现返回顶部效果代码
返回顶部在网上一搜索有不少，但小编需要的这个例子是需要固定在指定div上而不是以浏览器不参照点，下面一起来看看我整理了一个网站的代码 jQuery固定DIV实现返回顶部效果代码. htm代码.这一段最好放在html中最下面,代码如下: <script type="text/javascript">   $(function(){   //gotop   var options = {pageWidth:960,pageWGap:1,pageHGap...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

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

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

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

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

jquery.qrcode.js自动生成二维码例子
jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件了，这样我们就不需要使用php了，可以直接使用qrcode.js来生成客户端二维码了。 html代码如下: <input id="txt" type="text" value="https://www.xiariboke.net/">   <input id="btn" type="button" value="生成二维码">   <div id="qrcode"></div&...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jquery刷新iframe页面的方法(兼容主流)
刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了，下面来看分析过程。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数:bForceGet,可选参数,默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下: <script language="JavaScript">&nbs...
2016年01月07日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

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

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 阅读 0 views 次 阅读全文

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

JQuery实现层的隐藏和显示的几种方法
基于jquery的显示与隐藏效果我们可以直接使用hide()与show()方法来实现，并且这两个方法可以带有缓存效果。 通过hide()和show()方法来隐藏和显示HTML元素,代码如下: $("#hide").click(function(){     $("p").hide();   });      $("#show").click(function(){     $("p").show();   });   可选的 speed ...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

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 阅读 0 views 次 阅读全文

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

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 阅读 0 views 次 阅读全文

jquery实现键盘监听程序代码

jquery实现键盘监听程序代码
键盘监听主要利用一些事件来判断用户的按键然后进行一些对应的操作了，下面给大家整理了一个例子。 例子,代码如下: <script src="jquery-1.11.0.min.js" type="text/javascript"></script>       <script type="text/javascript">               //获取键盘ascII码;...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jquery 表单下拉框(select)美化增加强版示例
下拉框美化我们会看到很多的实现方法，用到最多的是js来模仿select下拉框了，下面一聚小编来为各位介绍一下吧。 在前几篇中有分享Jquery Select2的文章，Select2是一个基于jQuery的替代选择框。 它支持搜索、远程数据集和无限滚动的结果。 今天继续分享一下Select2的使用。 1、Select2绑定事件 主要能用到事件有select数据绑定时、打开时、关闭时,代码如下: $("#selectsq").select2();   &nbs...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

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

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

几行代码jquery实现图片放大预览
一款效果很好的响应式图片放大浏览特效,引用文件：jquery.fancybox.css、jquery-1.8.2.min.js、jquery.fancybox.js (没有大家可以直接百度搜索下载),几行代码jquery实现图片放大预览,具体方法我已经整理成文件，可以预览查看效果，也可以直接下载浏览源码,代码如下: <!DOCTYPE html>   <html>   <head>    <title>图片放大浏览</ti...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

怎么编写高效的jQuery代码

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