夏日博客

JQUERY用EVAL解析JSON字符串例子与注意事项

JQUERY用EVAL解析JSON字符串例子与注意事项
EVAL解析JSON字符串我们工作中常用到了，但在使用过程中会有一些问题或不懂，下面小编整理了一篇EVAL解析JSON字符串例子与注意事项供各位参考。 这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eva...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JQUERY中GREP用法示例详解

JQUERY中GREP用法示例详解
GREP方法其实就一个数组筛选的功能了，我们可以利用它来快速过滤不要的数据或获取需要的数组了，具体关于jquery筛选GREP用法如下。 看看jquery的grep的用法代码示例： <script>   var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];   $( "div" ).text...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery 动态创建表单并提交例子

jquery 动态创建表单并提交例子
创建表单可以使用js或jquery来创建了，然后提交的就可以直接使用obj.submit()方法进行提交，具体实现方法其实非常的简单，下面来看看。 有时候在写web 应用的时候，需要临时动态构造一个form 并提交，form 里面的参数以及action,以及是post请求还是get请求，甚至form 的样式都是可以指定的，用原生的javascript 肯定可以做到，我用jquery做了一个测试。 我自己测试的是构造一个分页的post请求, 为了防止cs...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery判断IE浏览器版本处理浏览器兼容性实例

jquery判断IE浏览器版本处理浏览器兼容性实例
本文我们来分享一个利用js框架jquery判断IE浏览器版本解决去解决浏览器兼容的问题的实例教程，因为IE版本多，而且启用也不少，有时项目不得不考虑兼容问题。 IE还真是让设计师恨的牙痒痒的东西，且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器，且都有一点小差异。但是没办法，为了让网页在每个浏览器中显示都一样还必须迁就它。 不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如I...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中hover事件使用方法详解

jQuery中hover事件使用方法详解
hover事件就是 鼠标移到元素上要触发的事件了，这里我们来介绍jquery的这个事件的一些使用方法与例子吧。 hover(over,out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中setInterval、setTimeout找不到对象解决办法

jQuery中setInterval、setTimeout找不到对象解决办法
setInterval、setTimeout函数我相信各位并不陌生了它是定时功能了，但小编在jQuery中使用setInterval、setTimeout时碰到找不到对象问题，下面我们一起来看看吧。 最近碰到个问题，在使用jquery写定时器时，总是会出现fn不存在的错误提示,以前写定时器的时候，总是习惯直接: setInterval("fn()",2000);   最近碰到个问题，在使用jquery写定时器时，总是会出现fn不存在的错误提示，如下: $...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery插件scrollToBySpeed页面滚动示例

jQuery插件scrollToBySpeed页面滚动示例
scrollToBySpeed 是 jQuery 插件,是按照指定速度去滚动页面,而不是时间，下面我们来看一个基于scrollToBySpeed实现页面滚动效果，下面我们一起来看看吧。 使用方法: 引入插件文件到你的网页中，你可能还需要引入jQuery文件，因为这个插件依赖于jQuery库。 <script src="jquery.js"></script>   <script src="scrolltobyspeed.jquery.js"></script> &n...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery AJAX进行表单验证例子

jQuery AJAX进行表单验证例子
表单验证用到最多的是jquery来验证了，下面我们介绍一个稍高点了，利用ajax来表单验证了，具体的示例代码如下图所示。 html页面的代码如下: <body>   <form action="form.php" method="post" id="form" onsubmit="return check();">   <table style="600px;" cellspacing="0">   <tr>   <td>...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery+PHP+MySQL来实现一个在线考试功能

jQuery+PHP+MySQL来实现一个在线考试功能
在线考试如果我们和数据库结合这样会更加的合理自然一些了，下面来为各位介绍一个jQuery+PHP+MySQL来实现一个在线考试例子。 在上一篇文章中，我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery mobile自定义图标的示例

jquery mobile自定义图标的示例
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台. 环境 jquery1.9.1.js jquery mobile 1.4.2版 图标制作 18x18px 底透明的png图标 使用图标，这个过程开始怎么弄都不行，只有个灰色的圆出现，不见图标；或者出现图标，但位置不对，经过看jquery demo，终于知道了如何使用. 步...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery与AJAX实现二级联动实例(对中文处理比较好)

jquery与AJAX实现二级联动实例(对中文处理比较好)
jquery与AJAX实现二级联动实例我介绍过很多在此再为各位介绍一个对中文有比较好的处理，有兴趣的可进来看看。 所谓二级联动，其实稍微懂点js的都不陌生，关于二级联动的实现，不使用JQ，而是原生态的JS些，效率会更好，但是个人感觉用JQ写的话，思路会清晰点。 代码:html部分 <<a href="/tags.php/select/" target="_blank">select</a> name=”” id=”province”>&n...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery实现的测试答题例子

jQuery实现的测试答题例子
答题功能就是我们在网上做一些题目然后大家一个个去测试并且有一些比较好的效果了，下文我们给各位整理了一个jQuery实现的测试答题例子，希望对各位有用。 有时在网页中要加入一个在线测试功能，例如在线调查，在线测试各类知识等应用，这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。 HTML: 首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。 ...
2016年01月10日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

jQuery页面侧边固定悬浮导航代码(带关闭按钮)

jQuery页面侧边固定悬浮导航代码(带关闭按钮)
固定悬浮导航效果就是我们常用说的客服代码了，在这里我们一起来看一个兼容性非常强的jQuery页面侧边固定悬浮导航代码(带关闭按钮)例子。 <!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”>   <...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery判断元素是否可见4个例子

jquery判断元素是否可见4个例子
jquery判断元素是否可见方法有很多了,我们可以通过各种系统自带的函数来进行判断区别,下面整理了几个例子,我们一起来看看吧. 使用is方法：is(':hidden')例如: $(document).ready(function(e) {       if($('#d').is(':hidden')){     alert("yes");    }else{     alert("no");    } &...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

解决jquery中事件重复绑定问题

解决jquery中事件重复绑定问题
jquery事件绑定有很多的函数，但我们如果在级在同一事件上进行绑定我们可以尝试使用die()方法，在live()方法绑定前此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件，下面来看看方法。 一、$.fn.live 重复绑定 解决:使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。 //先通过die()方法解除，再通过live()绑定 ...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery在图片上面描点的插件(Giga Image Viewer)

jquery在图片上面描点的插件(Giga Image Viewer)
Giga Image Viewer插件是基于jquery的一个描点插件了,我们可以利用它来在图片实现描点效果,下面我们一起来看看例子吧,我就把代码都down下来,并且处理了一下,其实作者还是提供了很多方便的API,业界良心呀. $(document).ready(function(){       var settings = {           'viewportWidth' :&nbs...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery中animate和CSS3实现缓动追逐示例

jquery中animate和CSS3实现缓动追逐示例
在jquery中animate方法可以实事效果慢慢加载了，下面我们给各位整理了一个jquery中animate和CSS3实现缓动追逐示例，希望此例子对各位有帮助。 CSS3和jquery都可以实现缓动追逐效果，但是考虑到浏览器的兼容性，建议使用jquery animate方法来实现,实现效果如下:引用文件：jquery-1.11.1.min.js html: <div id="container">     <div id="first"></div>&...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery表单验证之获得焦点提示

jquery表单验证之获得焦点提示
我们下面的这个例子就是当我们获得input焦点时就会显示一个让我们输入相关信息，如果正确就不显示，如果错误了提示相关信息，下面来看这个效果实现方法。 这几天一直在做一个表单验证的页面，为了达到友好界面，特意去抄了360buy的页面，模仿写了一个页面. jquery表单验证之获得焦点提示,就是验证表单里面所信息都为必填,代码如下: //注册页面验证机制    $("#username").focus(function...
2016年01月10日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jQuery中ajax post方法提交数据

jQuery中ajax post方法提交数据
ajax提交数据的方式有get,post了，在这里下面小编为各位整理了一个简单的ajax post方法提交数据例子，希望对各位有帮助。 例子: <!DOCTYPE html>    <html>    <head>    <script src="js/jquery.min.js">    </script>    <script>    $(document).ready(f...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Javascript动态添加页面元素及设置属性（div、li、img）

Javascript动态添加页面元素及设置属性（div、li、img）
动态添加页面元素的一个属性其实使用js很容易实现的如创建一个 div,img,js都可以使用函数来创建，下面看例子。 网页是由 html 标签一层层组成的，js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实，不管是什么 html 标签，js 动态创建的方法都差不多，接着就先从动态添加 div 开始。 一、js 动态添加元素div <div id="parent"></div>   function addEleme...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文