小虎博客

Bootstrap中点击后禁用按钮的最佳方法

Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢，今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法，具体的例子如下所示．为了防止在Bootstrap中点击按钮多次提交，所以希望点击按钮后禁用按钮。具体实现方法如下: //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true);...

2016年01月13日编程技术暂无评论喜欢 12 阅读全文

Bootstrap中点击按钮后变灰并显示加载中例子

Bootstrap插件非常的好用了，我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了，具体的如下所示． 1.在按钮中加入data-loading-text，即点击按钮后显示的文字 <button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮后禁用按钮，并显示文字。如需...

2016年01月13日编程技术暂无评论喜欢 12 阅读全文

基于jquery插件Tocify动态节点目录菜单生成器

Tocify插件是基于jquery的一个节点目录菜单生成器了，我们看到一个不错的关于Tocify节点目录菜单生成器的例子，下面我们就一起来看看吧． Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章，文章有多个节点，那么使用Tocify可以根据节点元素动态生成文章目录，点击目录可以平滑滚动到对应的节点，当然当滚动页面时，目录结构会根据当前监听到的节点进行切换到当前目录状态。 T...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jquery ajax跨域用jsonp方式调用web服务的例子

ajax跨域对于许多的朋友来讲还是用到的比较少了，但在一些大的应用开发时会用到了ajax跨域用jsonp了，下面我们就来看一篇jquery ajax跨域用jsonp方式调用web服务的代码实例，希望文章能够帮助到各位朋友。在做一个demo的项目，需要将php，.net的几个人，加起来一起做个web系统。考虑到语言不通，demo要的急。就直接web使用html+js+asmx服务的方式进行开发。数据请求及返回流程是这样的：理解了上面的流...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

js实现百度地图与列表联动代码

百度地图做开发时会有许多的一些功能要实现了,我们下面来看一篇关于百度地图与列表联动代码例子吧,具体的操作细节如下所示,在项目中,经常遇到使用地图和列表同时展示数据的时候,数据需要显示一致性,点击表格的数据,可以定位到地图,今天就分享一下这个场景的下的js操作代码. 实际上实现原理很简单，就是在表格生成的时候，给每一行添加一个事件,定位到地图. 1、生成表格数据，并生成点击事件 function&nb...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jquery中ajax的全局/局部事件例子

ajax是一个不错的命令了我们今天一起来看看关于jquery中ajax的全局/局部事件的一些使用例子，希望这个例子能够帮助到各位朋友，各位可以来看看吧。 (一) 局部事件 local events 局部事件:在单个Ajax请求对象中绑定的事件，每一个 Ajax 请求对象可以根据需要绑定自己的局部事件。局部事件只会被那个绑定该事件的 Ajax 对象触发，是属于单个 Ajax 对象的私有（即局部）事件。此类事件包括：beforeSend、comp...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

基于jQuery选取月份插件的使用教程

月份插件就是可以选择年月日了，我们在网上可以找到许多的日期插件，下面一起来看一个基于jQuery选取月份插件的使用教程，希望能够帮助到各位同学哦。这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。 HTML,首先将monthpicker插件相关的css和js文件载入，大家...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jQuery歌词同步的音乐播放器插件DEMO演示

音乐播放器效果可以实现在指定的时间段播放那一行歌词了这个很像许多的音乐播放器客户端了，下面来看一个例子。今天要分享的一款基于jQuery的音乐播放器，它的特点是歌词和音乐可以同步播放，而且播放器整体非常精巧，适当修改可以作为你博客的播放器挂件。 html代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

基于jQuery的jBar消息提醒插件使用例子

jBar 是一个简单和轻量级 jQuery 通知栏,JBar 允许您创建简单的行动要求,使其用户可以查看在您的网站顶端的信息。用户可以通过单击功能区切换栏的可见性 jBar是一个简单的jQuery插件，允许你在你的网站上弹出提示消息层，没有过多的动画效果和特效，比较实用的消息提示插件，可以支持自定义消息的颜色和显示效果以及位置。使用方法: 1、引入插件文件和jQuery库 <link rel="stylesheet" ty...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jQuery和CSS3制作的响应式水平时间轴的例子

响应式效果就是我们拉动页面就可以加载数据的一个简单的效果，这种响应式效果在手机中用到的非常的多了，今天我们一起来看一个使用jQuery和CSS3制作的响应式水平时间轴的例子，具体的操作细节如下所示。我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平...

2016年01月13日编程技术暂无评论喜欢 2 阅读全文

jquery操作iframe中的元素和js函数

iframe调用界面我们可以使用上级函数来进行操作了，这个功能小编常会使用到，今天一起来看一个例子，具体细节如下所示。 1、jquery操作iframe中的元素（2种方式） var str = $(window.frames["iframe"].document).find("#ljiong").html(); var stk = $("#iframe").contents().find("#ljiong").html(); 2、操作父界面中的元素（header：为某个...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

JQuery为元素添加样式的详解

最简单的做法就是直接给元素绑定样式了，但有是像注册验证这一块需要由js来实现给元素添加样式，那么要如何来实现呢，具体如下。列举下对css样式操作的方法： 1、.css(“样式”)：获得样式值，比如$(“input”).css(“color”) 获得input中字体的颜色 2、.css(“样式”,”value”):为样式赋值，如$(“input”).css(“color”,”red”); 3、.addClass(“样式类1,样式类2,样式类3″):可以添加多个定义好的样式类 4、.hasClass...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jquery的事件名称和命名空间的例子

命名空间在net中知道之后发现在jsp,php中都会了现了命名空间功能，今天我们就一起来看一个jquery的事件名称和命名空间的例子前言: 在jquery的官方API中，有对命名空间的一些描述，地址是：http://api.jquery.com/on/ 这里面有一些英文介绍，题目是“Event names and namespaces”下面有一些介绍。假如一些朋友不是很理解的话，我在这里简单的介绍一下！ jQuery事件命名空间: 我们先看一些代码: $(“#haor...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

jQuery ajax 响应数据处理

在日常开发中，ajax是占了很重要一部分的，本文我们来分析 jQuery ajax 响应数据处理及jQuery的Ajax时无响应数据的解决方法,ajax在得到请求响应后主要会做两个处理:获取响应数据和使用类型转化器转化数据. a.获取响应数据获取响应数据是调用ajaxHandleResponses函数来处理。 ajaxHandleResponses的功能有： - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确的dataType (在content-type和预期...

2016年01月13日编程技术暂无评论喜欢 1 阅读全文

jquery图片上传和裁剪应用：Croppie使用例子

图片裁剪我们需要通过jquery定位然后把坐标传给php再由php进行图片的裁剪操作了，今天我们就一起来看一篇关于jquery图片上传和裁剪应用：Croppie使用例子，希望对大家有帮助。在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件，它叫Croppie。 HTML: 首先...

2016年01月13日编程技术暂无评论喜欢 0 阅读全文

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

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

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

2016年01月13日编程技术暂无评论喜欢 5 阅读全文

小虎博客

感悟生活,记录生活中的点滴

Bootstrap中点击后禁用按钮的最佳方法

Bootstrap中点击按钮后变灰并显示加载中例子

基于jquery插件Tocify动态节点目录菜单生成器

jquery ajax跨域用jsonp方式调用web服务的例子

js实现百度地图与列表联动代码

jquery中ajax的全局/局部事件例子

基于jQuery选取月份插件的使用教程

jQuery歌词同步的音乐播放器插件DEMO演示

基于jQuery的jBar消息提醒插件使用例子

jQuery和CSS3制作的响应式水平时间轴的例子

jquery操作iframe中的元素和js函数

JQuery为元素添加样式的详解

jquery的事件名称和命名空间的例子

jQuery ajax 响应数据处理

jquery图片上传和裁剪应用：Croppie使用例子

jquery ui dialog 替代 confirm的例子

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

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

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

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