软件开发 | 番茄博客

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

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

2016年01月13日软件开发暂无评论喜欢 2 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月13日软件开发暂无评论喜欢 1 阅读全文

jQuery.data() 函数使用详解

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

2016年01月13日软件开发暂无评论喜欢 1 阅读全文

jquery ajax异步请求回调的详解

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

2016年01月12日软件开发暂无评论喜欢 0 阅读全文

jquery异步筛选搜索的详解

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

2016年01月12日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月12日软件开发暂无评论喜欢 0 阅读全文

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的值

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