小虎博客

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

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

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

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

jquery实现漂亮的页面过渡动画效果
页面过渡在许多的应用中我们会用到如点击下拉弹出菜单时或打开新的页面时或切换左边菜单时都会用到页面过渡效果了，下面一起来看一个页面过渡的js代码。 通过点击页面侧边菜单，对应的页面加载时伴随着滑动过渡动画，还带进度条效果的。当然页面的加载是Ajax驱动的，整个加载过渡过程非常流畅，非常好的用户体验。 js页面过度效果 HTML HTML结构中，.cd-main包含页面主体内容，.cd-side-navigation包含着侧...
2016年01月13日 编程技术 暂无评论 喜欢 2 阅读全文

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

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

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

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

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

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

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

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

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

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

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

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

jQuery.data() 函数使用详解

jQuery.data() 函数使用详解
data()函数用于在当前jQuery对象所匹配的所有元素上存取数据,它和html()有那一点像，一旦页面刷新，之前存放的数据都将不复存在，但data数据移除只能使用removeData()函数了，下面一起来看看关于jquery data()函数用法。 一、jquery data()的作用 data() 方法向被选元素附加数据，或者从被选元素获取数据。 通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。 该函数属于j...
2016年01月13日 编程技术 暂无评论 喜欢 1 阅读全文

jquery ajax异步请求回调的详解

jquery ajax异步请求回调的详解
ajax异步请求回调在jquery中很容易实现的只要对参数进行设置好即可了，下面我们一起来看一个ajax异步请求回调的例子,是指在写ajax异步请求时该如果写回调呢？写啥回调呢？错误时触发哪个回调呢？ 常见的有: $.post(url, {}, function(res){   }, 'json');   殊不知这种在出错的时候没有任何的处理。。。 通常我这样写： $.ajax({      ...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

jquery异步筛选搜索的详解

jquery异步筛选搜索的详解
jquery异步筛选就是通过ajax来实现数据异步传输了，这个问题与ajax用户验证与注册是一样的原理了，只不过搜索会带有条件的，具体如下。 异步筛选搜索（下面简称搜索）是使用ajax发送搜索请求，可追回多个条件，应用的场景很多，比如：百度招聘，逻辑是只有在用户点击相关条件时触发重新请求，只请求内容，从而可以减少http请求和流量。 比如要完成上面百度招聘的搜索功能，先从简单的入手吧～ 第一阶段 - ...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery AJAX下拉框表单的实现例子

jQuery AJAX下拉框表单的实现例子
AJAX下拉框表单是在表单中绑定了改变事件了，当A改变时B的列表根据A条件进行查询返回并显示数据了，具体例子如下,最近在开发一个小东西的时候出现这么一个需求，根据 AJAX 请求的数据生成下拉框表单。 这个需求经常会出现，比如全球范围内地址的选择，全球所有国家的省份和城市是一堆不小的数据，而且表单还不一定会被使用。这时可以考虑先加载一个空表单，在用户点击的时候再用 AJAX 把数据加载进来；或者...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

Javascript获取父级元素、子级元素、兄弟元素的例子

Javascript获取父级元素、子级元素、兄弟元素的例子
本文章来为各位介绍一篇Javascript获取父级元素、子级元素、兄弟元素的例子，这里包括了原生的js与jquery的实现方法，具体的操作如下所示。 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比,js的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素,原生的JS获取ID为test的元素下的子元素。可以用: <div id="dom">   ...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

jquery获取select option选项val和text的值

jquery获取select option选项val和text的值
val和text的值意思是select的option的值，另一个text就是文本展示给我们看到的值了，这里看一个简单的例子，具体如下如。 获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text(); 下拉框select的value值: $('select...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

jquery中多个$(document).ready()的执行顺序

jquery中多个$(document).ready()的执行顺序
jquery中多个$(document).ready()的执行顺序问题我相信大家肯定都是认为从文章的开始到结束从上到下执行了，那么是不是这样的呢，我们一起来看看。 最近做插件遇到的问题,记录如下,本文以实例形式说明了多个$(document).ready()的执行顺序问题,由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系,具体实例代码: <html>   <head>&nbs...
2016年01月12日 编程技术 暂无评论 喜欢 1 阅读全文

基于jquery超酷的照片墙展示效果

基于jquery超酷的照片墙展示效果
照片墙效果我们相信各位在一些网站会看到得，像大一点的社交网站就会有照片墙的功能了，下面我们来看一外基于jquery超酷的照片墙展示效果的实现例子，具体如下。 这是一个超酷的照片墙展示效果，很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果，照片快速从左侧切入，做旋转3D效果，最后在照片墙上整齐排列，为用户展示了超酷的照片墙展示效果。 本文结合实例给大家分享超酷的照片墙效果，该效果依赖jQuer...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

基于jQuery复制表单元素的例子

基于jQuery复制表单元素的例子
jQuery复制表单元素这种做法在开发应用中用到的不是很多了，但也会有需要了，这里我们为各位整理一个关于基于jQuery复制表单元素的例子 我们在提交表单时，有时会遇到需要重复添加多个相同表单元素，如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮，通过点击按钮即可实现复制表单元素。 本文我们通过实例介绍一款简单的...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery prop设置checkbox全选、反选的例子

jQuery prop设置checkbox全选、反选的例子
本文章来为各位举了两个关于jQuery prop设置checkbox全选、反选的例子，希望这两个例子能够为大家带来有效的帮助。 大家都知道 jQuery 可通过 attr 方法来设置 dom 属性，自然的也就想到用 $(dom).attr('checked', 'checked'); 这种方法来选择 checkbox 了，但是最近在项目中使用 checkbox 全选、反选的时候，却出现了问题:在使用 attr 方法设置选择后，点击第一次可以设置反选，第二次却不行了。 $(fun...
2016年01月12日 编程技术 暂无评论 喜欢 1 阅读全文

JavaScript ajax实现省市区联动例子

JavaScript ajax实现省市区联动例子
本文章来为各位介绍一个关于JavaScript ajax实现省市区联动例子,希望这个例子对各位有帮助,总结下自己在项目中做的最多的便是省市区的联动选择了,一种是省市区的样式是三个select框,直接选择,一种是省select框存在，市，区select框动态添加到后面,注意动态添加元素,以及对于未来元素的操作,一种是移动端整个大弹框选择省市区. 可能有的样式,以及实现的过程不太一样,但主要思路都是一样的,有的需要后台先给...
2016年01月12日 编程技术 暂无评论 喜欢 0 阅读全文