软件开发 | 番茄博客

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

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

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

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

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

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

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

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

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

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

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实现省市区联动例子,希望这个例子对各位有帮助,总结下自己在项目中做的最多的便是省市区的联动选择了,一种是省市区的样式是三个select框,直接选择,一种是省select框存在，市，区select框动态添加到后面,注意动态添加元素,以及对于未来元素的操作,一种是移动端整个大弹框选择省市区. 可能有的样式,以及实现的过程不太一样,但主要思路都是一样的,有的需要后台先给...

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

jquery实现点击弹出带标题栏的弹出层效果代码

弹出层在现代的开发中用到非常的多特别是在手机网站开发时我们都会用到弹出层效果了，下面来看一篇jquery,弹出带标题栏的弹出层效果例子。这是一款jquery实现的弹出层，点击文字后从网页右上角飞入，也可以说是滑入，此类弹出框带有关闭按钮，可自定义标题栏和弹出框内容，风格自己可定义，代码简洁，基于jquery实现,实现代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML&n...

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

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="h...

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

jQuery+HTML5瀑布流布局例子

瀑布流在图片网站应用到最多了就是拖动就可以实现瀑布流的功能了，下面我们一起来看一个jQuery+HTML5瀑布流布局例子，希望此例子能够对各位朋友带来帮助。这是一款JavaScript与HTML5实现美女瀑布流布局，本方法是把图片的路径写在了JS的数组里，不过重点好像不是在这里，而是在图片如何自动排列的问题，你可以运行本实例后，点击“加载瀑布流布局”按钮，即可看到图片的瀑布流排列效果，现在很流行这个，希...

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

基于jQuery　Bar Indicato的进度条展示特效代码

进度条效果通常使用js实现不过现在的jquery插件越做越强大了，我们找到一款基于jQuery　Bar Indicato插件可以直接制作成进度条了，下面来看看。 Bar Indicator是一款基于jQuery的进度条数据展示插件，它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富，几乎可以满足用户所有基于进度条的WEB设计需求，本文将结合实例给大家讲解Bar Indicator的使用。首先加载jQuery和Bar ...

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

jquery中append $(this) 使用问题解决方案

append() 方法在被选元素的结尾（仍然在内部）插入指定内容,提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。但我们append $(this)估计很少用到吧，下面来看使用时的一些问题。 js 代码 <script type="text/<a href="/js_a/js.html" target="_blank">javascript</a>"> $(document).ready(functi...

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