番茄博客 | 记录生活,分享点滴,感受美好瞬间

jquery Bootstrap组件实现进度条示例代码

jQuery UI Bootstrap 是一款基于Bootstrap样式的 jQuery UI 控件了，我们下面一起来看看这插件实现的进度条效果，具体例子如下。 .progress——指定div包裹进度条组件； .progress-bar——设置div为进度条样式； .progress-bar-info、.progress-bar-warning、.progress-bar-success、.progress-bar-danger——设置进度条的情境效果； .pregress-bar-striped——设置进度条具有条纹效果； .active——可设置进度条的...

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

jQuery对P标签的操作的几个小实例讲解

本文我们分享几个使用jQuery操作p标签的几个实例，实例包括：根据id获取元素本身（Object对象）的方法，jquery为每个p标签增加onclick方法，如何为jquery动态生成的p标签添加动态文本内容? 注:以下代码均通过W3School在线测试。根据id获取元素本身（Object对象）的方法： $("#id"); 例如: <!DOCTYPE html> <html> <head> ...

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

jQuery静态方法 type/noConflict 使用和源码分析

本教程我们来讲解一下 jQuery 静态方法 type 及 noConflict 的使用及源码分析，type() 是检测数据类型的工具方法， noConflict() 让渡变量 $ 的 jQuery 控制权,jQuery.type方法是检测数据类型的工具方法，在分析其用法之前先总结下js给我们提供了那些监测数据类型的方法. 一、typeof 操作符下面是测试代码: var data=[],a='123',b=0,c=true,d={1:23},e=[123],f=function(){},g=null,h=undefined,i...

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

jquery animate step实现css3属性动画

animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果,下面我们一起来一个jquery animate step实现css3属性动画的例子。 jquery animation的工作原理是通过将元素的css样式从一个状态改变为另一个状态。css属性值是逐渐改变的，这样就可以创建动画效果。但是animate方法下，只有数字值可创建动画（比如 “top:3...

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

基于jQuery实现多条件筛选实现程序

按条件筛选我们许多是使用php传参数来实现了，但在当前界面我们可以使用js来实现了，下面我们来看一个基于jQuery实现多条件筛选实现程序，希望文章能够对各位带来帮助，有兴趣的可以进来看看。我们在电商平台购买商品时，在商品列表页根据品牌、款式、价格范围等条件进行筛选查询，当点击某个条件时，在页面上会显示用户所选择的条件集合，并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuer...

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

jquery.load() 和 append 同时使用上的区别

jquery.load() 和 append 都可以给指定的div元素添加数据了但jquery.load()是全部替换，而append是在原有的基础上进行添加了，下面我们来看个们的例子。 jQuery 事件 - load() 方法当指定的元素（及子元素）已加载时，会发生 load() 事件。实例:当图像加载时，改变 div 元素的文本. $("img").load(function(){ $("div").text("Image loaded"); }); &nb...

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

jquery卸载全部事件的思路及实例

有时我们的网页要求删除全部事件，不过js不支持匿名卸载事件，我们可以用jq来实现，本文提供了实现思路及删除已经存在事件的实例,原生js不支持匿名卸载事件的,jquery为了开发者好用支持了匿名的. 匿名事件的思路首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标识(expando)然后值是生成的一个guid,并在缓存对象下建立一个缓存,比如: $.cache={ ...

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

Bootstrap的Color Palette颜色选择器

Bootstrap是一款和jquery有点像的插件了，它也是美国一家大公司出的，下面我们来看利用Bootstrap　Color Palette实现一个颜色选择器效果了，具体如下。 Color Palette是一个颜色选择器，基于Bootstrap前端开发框架，适用于Bootstrap 2.3.2+以上的版本，依赖于jQuery插件库，支持自定义配置预设的颜色，轻量级的颜色选择jQuery插件。 Color Palette基于Bootstrap的颜色选择器. 依赖关系 Bootstrap 2.3.2+ jQ...

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

jquery实现鼠标右键弹窗删除/重命名等操作实例

本文我们用jquery来实现一个在操作数据时非常实用的案例：鼠标在一条记录上右键单击，弹出一个小窗口提示我们是删除还是重全名选择，点单击我们就可以实现操作。在一些管理后台，我们会模拟windows系统鼠标右键的操作实现删除和重全名等，本文我们来告诉你用jquery如何实现。 1.因为window默认是可以右键的，所以我们要先禁用window原生的右键弹窗（禁用包括2个区域，1是鼠标右键的区域div 2是弹出窗口的d...

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

jq获取select的option的所有value和text实例教程

本文我们来详细的看看jq操作select的option的实例教程，其中有jq获取select的option的所有value和text，jq对select option的添加删除操作实例。工作需要把select对应下的option所有的value和text取出，然后拼接导入到xml文件中，下面是对应的代码：中的代码是从别人的网站上复制过来的，我现在需要获取它的value和text，然后拼接成 7的形式； <!DOCTYPE html PUBLIC "-//W3C//DTD&n...

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

jquery实现动态加载js文件的例子

jquery动态加载有许多的方式并且也是非常的简单了，下文整理了一些关于jquery实现动态加载js文件的例子，希望这些动态加载js例子能够对各位有用。一、jQuery getScript()方法加载javascript jQuery内置了一个方法可以加载单一的js文件；当加载完成后你可以在回调函数里执行后续操作。最基本的使用jQuery.getScript的方法是这样： jQuery.getScript("/path/to/myscript.js", function(data, s...

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

jquery可视区域加载的例子

可视区域加载功能可以通过js判断高度来实现也可以使用jquery延时加载插件来实现了效果也是一样了，下面我们一起来看看这个例子如何实用。 javascript懒加载之可视区域加载在制作js可视区域加载之前，我们首先必须了解各种高度，我之前的一篇文章javascript的height总结 jquery的各种高度首先来说一说$(document)和$(window)，如下： $(document).height();//整个网页的高度 $(window).height();//浏览器...

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

jquery 使用鼠标滚轮或者手势滑动到页面节点部分例子

鼠标滚轮或者手势滑动功能通常一个是在电脑中使用，另一个是在手机中使用了，下面我们就来看一篇jquery 使用鼠标滚轮或者手势滑动到页面节点部分的教程. 有时我们需要做一个单页面介绍产品特性，而单页面内容非常多且页面非常长，为了快速定位到产品特性节点，我们使用js侦听用户滚轮事件，当用户触发滚轮滑动或者使用手势触屏滑动时，即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。如何...

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

Jquery为DIV添加click事件的例子

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示，然后再给div添加一个事件了，下面我们来看这个例子的做法。 html <a href="javascript:void(0);" id="click_ms" > <img src="img/bbg_08.jpg" border="0" > </a> jquery事件 $('#click_ms').click(function(){ &nbs...

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

jquery动态增加表格行或者列的例子

jquery动态增加表格行或者列方法非常的简单我们只要创建表input与表格行就可以实现了，具体的实现程序如下，我们一起来看看。分享一下代码吧！html: <div class="table-responsive" id="Bk_table" style="display:none;"> <table ...

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

jquery对checkbox,radio,select操作方法总结

js中checkbox,radio,select三种属性与input操作不一样，许多新手朋友对于checkbox,radio,select操作不是很了解用起来也不方便了，下面我们整理了jquery对checkbox,radio,select操作方法总结，希望例子能够帮助到各位。 jquery的checkbox，radio，和select是jquery操作的一个难点和重点，很多前端新手对其了解不是很透彻。时间久了不用，我在写的时候有时也难免对某些操作支支吾吾，记不清楚，现在，对其做...

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

手机网站顶部固定闪烁问题解决办法

在做手机网站时我们会碰到滚动在顶部时如果fix不为的话就会出现闪烁的问题，下面小编找了一篇针对此问题的解决方案。问题描述: 头部是一个普通的div，高度是48,头部下面有个固定的banner，手下滑的时候，banner会固定在浏览器最顶部不动。出现的问题是，PC端是好的，手机浏览器向上滑动的时候出现闪动！影响用户体验。之前的做法: if ($(window).scrollTop() < 48) { &nb...

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

jquery实现手机网站div层滑动的例子

本文章介绍是的利用一个问题来告诉我们实现在手机中网站的一个滚动效果，这个例子的重点就是手机网站表层div滑动，导致底层body滑动（touchmove的阻止），具体如下。 body很长，可以滑动，body头部有一个模拟下拉的选择框,下拉选择有滚动轴. enter image description here 我给body一个overflow：hidden和高度是没有用的。手机网站上背景还是可以滑动，然后我给body一个touchmove的preventdefault()阻止事...

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

jquery判断页面滚动条(scroll)的方向

在做返回顶部或底部时我们就需要通过判断来显示或隐藏相对应的菜单按钮了，下面我们就来看一些小编整理的判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部的代码。项目背景: webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。遇到问题: 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能...

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

jquery中$.proxy及wrap()方法使用教程

对于jquery中的$.proxy及wrap()方法小编几乎没有使用过了，我相信各位朋友和小编一样不太理解$.proxy及wrap()方法的用法吧，下面我们就一起来看看。我今天主要说下jquery中$.proxy及wrap()的使用，因为这两个我用的比较少，今天在项目中应用了，所以拿出来说一下！ jquery中$.proxy jQuery.proxy( function, context ) function将要改变上下文语境的函数。 context函数的上下文语境(`this`)会被设置成这个...

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