夏日博客

jquery ui dialog 替代 confirm的例子

jquery ui dialog 替代 confirm的例子

jquery ui dialog是一个弹出层一样的确认提示框了而confirm是js原生太的确认提示框了,confirm有一个缺点就是点击时会有声音了,所以体验非常的不错了,下面我们来看一个jquery ui dialog 替代 confirm的例子 js的confirm,有的浏览器会直接屏蔽掉,导致功能无法使用,推荐使用jquery ui 的dialog功能,完美替换confirm功能. 1,html代码 <div id="confirm_dialog" title="提示" style="displ...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery 事件 scroll() 方法的使用教程

jQuery 事件 scroll() 方法的使用教程

当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 函数触发 scroll 事件。或者如果设置了 function 函数，则规定当发生 scroll 事件时执行的代码。首先介绍一下(document).height()与$(window).height()的区别： $(document).height() 是获取整个页面的高度 $(window).height() 是获取当前也就是你浏览器所能看到的页面的那部分...

2016年01月13日前端设计评论 1 条喜欢 5 阅读 0 views 次阅读全文

Jquery中的offset()和position()的用法和区别

Jquery中的offset()和position()的用法和区别

在js中offset()和position()的用法和区别大家知道吧，如果不知道的话可以小编一起来看小编整理的一些关于offset()和position()的用法和区别例子。 jquery 中有两个获取元素位置的方法offset()和position()，这两个方法之间有什么异同？使用的时候应该注意哪些问题？什么时候使用offset(),什么时候又使用position()呢？先看看这两个方法的定义。 offset(): 获取匹配元素在当前视口的相对偏移。返回的对象...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

js中实现浏览器跨域访问解决方案

js中实现浏览器跨域访问解决方案

js中实现浏览器跨域访问可以使用js也可以使用html5了，希望文章能够让各位更深入的关于js实现浏览器跨域访问的原理与方案。跨域的概念跨域大家都知道,不同地址,不同端口,不同级别,不同协议都会构成跨域。例如：about. www.xiariboke.net和www.你的域名都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。 URL 说明是否...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery的deferred对象实现判断页面中所有图片加载完成

jquery的deferred对象实现判断页面中所有图片加载完成

jquery的deferred对象实现判断页面中所有图片加载完成在应用中到不多了，我们用到最多的是其它的方案了，不过今天发现deferred做起来非常的不错，下面来看看,判断页面中所有图片是否加载完成. 对于图片是否加载完成，我们平时可以用监听图片load 方法来进行。今天主要介绍用jquery的deferred对象来进行判断。关于jquery的deferred对象，是jquery的重点和难点。对于执行较长时间的函数，我们通常用deferred...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery中动态新增的元素节点无法触发事件解决办法

jquery中动态新增的元素节点无法触发事件解决办法

在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的，我们下面就为各位来详细的介绍此问题的解决办法．比如做一个ajax读取留言列表的时候，每条留言后面有个回复按钮，class为“reply”,如果你用的是$(".reply").click(function(){ //do something... })，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效,其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点lo...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery的登录注册内容的提交

jquery的登录注册内容的提交

登录注册内容的提交效果我们现在做得越来越好看了，今天我们一起来看一个登录注册内容的提交的例子。网页中的登录注册是很普遍的，但是在项目中，我是第一次接触到登录注册内容的提交，于是自己整理下，下面我就介绍一下我整理的内容。首先，要在前端页面中写出登录注册的需要的input框，这是基本内容，这里就不详细介绍了。接着就开始介绍提交登录注册的内容了，我将它分为下面几个部分： 1、注册登录...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

基于jquery的省、市、区的ajax应用例子

基于jquery的省、市、区的ajax应用例子

jquery的省、市、区的ajax的例子小编也介绍过不少了，我们今天再一起来看一个关于ajax省、市、区的例子吧，希望文章能够对各位朋友带来帮助的哦。相信前端应该都会有用过或听过省市区联动ajax，我之前虽然有听过，但这也是第一次在项目里碰到，所以整理一下自己的应用和总结。首先是基础的没有默认值，提供给用户选择的省市区下拉菜单，相信这种应该是最易理解的，这里就不再赘述。接下来就说一下我在项...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中 trigger() & bind() 使用

jQuery中 trigger() & bind() 使用

trigger() & bind()方法都是绑定事件了，我们对于trigger() & bind()的用法如果不是非常的清楚可以来看下面小编整理的一篇文章 trigger(type) 在每一个匹配的元素上触发某类事件。返回值:jQuery 参数: type (String): 要触发的事件类型示例: $(“p”).trigger(“click”) 1.trigger() 触发事件这个方法是jQuery 1.3中新增的一个引起触发事件的函数。这里的事件就如jQuery的帮助文档中的事件那一栏...

2016年01月13日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery中$.ajax()方法详解

jquery中$.ajax()方法详解

$.ajax()方法可以实事数据异步提交了操作过程是非常的简单了方便了，我们先一起来看一篇关于$.ajax()方法介绍与简单的应用例子。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的参数，设置请求超时时间（...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

使用jquery的imagecropper插件做用户头像上传兼容移动端

使用jquery的imagecropper插件做用户头像上传兼容移动端

imagecropper插件是一个非常好用的插件了我们可以通过imagecropper插件来上传头像并进行剪切了，下面来一个兼容移动端jquery的imagecropper插件做用户头像上传的例子。在移动端开发的过程中，或许会遇到对图片裁剪的问题。当然遇到问题问题，不管你想什么方法都是要进行解决的，哪怕是丑点，难看点，都得去解决掉,图片裁剪的jquery插件有很多，我也测试过很多，不过大多数都是支持pc端的图片裁剪，而支持...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery实现漂亮的页面过渡动画效果

jquery实现漂亮的页面过渡动画效果

页面过渡在许多的应用中我们会用到如点击下拉弹出菜单时或打开新的页面时或切换左边菜单时都会用到页面过渡效果了，下面一起来看一个页面过渡的js代码。通过点击页面侧边菜单，对应的页面加载时伴随着滑动过渡动画，还带进度条效果的。当然页面的加载是Ajax驱动的，整个加载过渡过程非常流畅，非常好的用户体验。 js页面过度效果 HTML HTML结构中，.cd-main包含页面主体内容，.cd-side-navigation包含着侧...

2016年01月13日前端设计评论 1 条喜欢 2 阅读 0 views 次阅读全文

jQuery实现DOM加载方法源码分析

jQuery实现DOM加载方法源码分析

DOM是文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。本文我们讲讲jQuery实现DOM加载方法源码分析。传统的判断dom加载的方法. 使用 dom0级 onload事件来进行触发所有浏览器都支持在最初是很流行的写法我们都熟悉这种写法： window.onload=function(){ ...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery实现搜索关键字自动匹配的例子

jQuery实现搜索关键字自动匹配的例子

自动匹配搜索关键词这个功能在现在的搜索引擎中到处是用到了，今天我们就一起来看一个简单的基于jquery的关键字自动匹配的例子，希望文章能够对各位有帮助。例子一: 在项目中，有时候需要用户选择城市，但是城市太多，用户选择起来不太方便，所以提供了一个用户可以通过输入框输入城市的汉字或者拼音简写。 <html><head><title>实时查询城市通过姓名或拼音简写</title></he...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery Pietimer插件扇形定时器的代码

jQuery Pietimer插件扇形定时器的代码

jQuery Timer是一款实用的jquery插件，可以控制文档元素的显示方式，丰富的参数设置可以控制显示的更多细节，是一款优秀的定时器插件，使用非常方便，目前可支持大多数的定时业务需求. Pietimer是一个可以在页面上生成一个扇形变化的定时器，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线考试、...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery 建立 AJAX 下拉框表单的例子

jQuery 建立 AJAX 下拉框表单的例子

下拉框是多选中一种html标签了，我们可以通过js实现联动选择了，下面就来看一个关于jQuery 建立 AJAX 下拉框表单的例子，细节如下所示．最近在开发一个小东西的时候出现这么一个需求，根据 AJAX 请求的数据生成下拉框表单。这个需求经常会出现，比如全球范围内地址的选择，全球所有国家的省份和城市是一堆不小的数据，而且表单还不一定会被使用。这时可以考虑先加载一个空表单，在用户点击的时候再用 AJA...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery实现移动端TAB触屏切换效果

jquery实现移动端TAB触屏切换效果

下面我们一起来看一个jquery实现移动端TAB触屏切换效果的例子，希望这个例子能够对各位朋友带来帮助．我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目，如网易新闻等APP栏目切换。我们说的TAB一般由导航条和TAB对应的内容组成，切换导航条上的标签同时标签对应的内容也会跟着切换。本文将结合实例给大家介绍一个移动端TAB触屏切换效果。我们准备一个TAB导航#pagenavi，里面包含TAB导航要切换的四...

2016年01月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery移动触摸设备的日期选择插件 Mobiscroll使用示例

jQuery移动触摸设备的日期选择插件 Mobiscroll使用示例

日期选择插件在jquery中随便找都可以找出许多的这类插件出来了，今天我们介绍的是移动端的一个日期选择插件Mobiscroll的使用方法，具体的细节如下所示。 HTML5中新增日期类型的输入控件: <input type="date"> 但日期选择界面在不同浏览器下的样子也各不相同。这里介绍一个专门用于移动设备的日期选择控件：Mobiscroll。（如果愿意，用在桌面Web项目中也可以） 1，Mobiscroll...

2016年01月13日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jQuery.data() 函数使用详解

jQuery.data() 函数使用详解

data()函数用于在当前jQuery对象所匹配的所有元素上存取数据,它和html()有那一点像，一旦页面刷新，之前存放的数据都将不复存在，但data数据移除只能使用removeData()函数了，下面一起来看看关于jquery data()函数用法。一、jquery data()的作用 data() 方法向被选元素附加数据，或者从被选元素获取数据。通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。该函数属于j...

2016年01月13日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery ajax异步请求回调的详解

jquery ajax异步请求回调的详解

ajax异步请求回调在jquery中很容易实现的只要对参数进行设置好即可了，下面我们一起来看一个ajax异步请求回调的例子,是指在写ajax异步请求时该如果写回调呢？写啥回调呢？错误时触发哪个回调呢？常见的有: $.post(url, {}, function(res){ }, 'json'); 殊不知这种在出错的时候没有任何的处理。。。通常我这样写： $.ajax({ ...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文