jquery ajax()动态加载脚本文件的例子

jquery ajax()动态加载脚本文件的例子
动态加载js本站介绍过不少的这实例了,但各有各的特点了,下面为各位介绍一个基于jquery ajax()动态加载脚本文件的例子,希望对各位朋友能够带来帮助。 上次说的jquery动态加载脚本,使用的是getScript(您可以点击相关文章查看),缺点和优点都说了。封装的函数是不自带缓存功能的,默认每次加载都刷新本地脚本。这样的一个特点对于网速不是很快的网站来说,那就是一个漫长的等待,虽然页面已经加载完毕了...

jquery下event.which获取键盘、鼠标键值示例

jquery下event.which获取键盘、鼠标键值示例
which 属性指示按了哪个键或按钮了,所以有了这个函数其实我们可以非常的简单的监测到我们按键及键值了,具体来看个例子。 jquery中使用event.which获取键盘、鼠标键值。event.which 将 event.keyCode 和 event.charCode 标准化了。 获取键盘输入值 <!DOCTYPE html>    <html>    <head>    <meta charset="utf-8" /...

jquery dialog弹出对话框插件使用方法

jquery dialog弹出对话框插件使用方法
jquery的dialog插件我相信用过的人不少了,自从有了dialog插件之后我们的弹出提示都用到了jquery dialog了,下面小编来为各位介绍jquery dialog弹出对话框插件使用方法,希望文章能够帮助到各位。 使用方法: 2.1、默认参数 // 1. 对话框默认参数   // 标注【*】的项目表示可以重复修改的,即多次初始化   $.fn.dialog.defaults = {    //&...

jquery文件上传插件:upload无刷新AJAX进度多文件批量上传示例

jquery文件上传插件:upload无刷新AJAX进度多文件批量上传示例
最后在做一个多文件上传的功能,但找了很多的插件都没有用上了,下文来为各位介绍一个:jquery-upload无刷新AJAX进度多文件批量上传,希望文章能够帮助到大家。 1、插件说明 在支持FormData的浏览器完全使用AJAX(即XMLHttpRequest)和input的files属性共同完成上传文件,否则就模拟表单提交来上传文件。支持写的文章和脚本现在看起来都比较稚嫩,现在重新整理、约束,更好的API和便捷使用方法。 插件名称:...

jquery scrollable无限无缝循环滚动使用示例

jquery scrollable无限无缝循环滚动使用示例
无限无缝循环滚动效果现在用到的相对不多了,特别是在以前有一段时间无限无缝循环滚动效果用到的非常的多了,下面小编来为各位介绍一个 scrollable无限无缝循环滚动使用示例 1、插件介绍 支持无限无缝循环滚动。 最小的限度的操作DOM,只在初始化的时候复制一次DOM,后续不会再操作DOM,最大化性能。 默认的DOM结构为:#demo>ul>li*n。 丰富配置、简单接口。 注意:无缝滚动不支持prev、next操作,不...

jquery实现点击回到顶部以及定点滚动

jquery实现点击回到顶部以及定点滚动
回到顶部功能我们在很多的网站都可以看到这个功能实用并且方便大家回到顶部了,下面小编给各位介绍一个jquery实现点击回到顶部以及定点滚动例子。 1、思路 DOM的每个标签以及浏览器本身都有一个scrollTop属性,这不是CSS可以控制的(目前),这个值指的是在一个指定的容器内当前可视顶部距离内容顶部的距离,如果这个容器是浏览器的话,那么滚动条的上边距就是这个值。 那么,如果想要回到顶部的话,设置sc...

jquery 1.7和1.9的position方法对固定(fixed)元素的区别

jquery 1.7和1.9的position方法对固定(fixed)元素的区别
下面来到为各位介绍jquery 1.7和1.9的position方法对固定(fixed)元素的区别,希望这篇文章能够帮助到各位朋友。 在jquery的position方法,官方是这样说明的: Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.The .position() method allows us to retrieve the current position of an element relative to the offset parent. Contrast...

jQuery 动画 promise()方法使用例子

jQuery 动画 promise()方法使用例子
promise是一个动画事件了,我们可以利用它来创建很多各种动画效果了,下面小编为各位介绍jQuery 动画 promise()方法使用例子 jQuery 的 show、hide 方法大家都好熟悉的,也知道它可以接受一个回调函数,用于动画完成后执行。比如: $('.js-sam').hide('slow', function() {       alert('你刚刚隐藏了 sam');   });   但是,jQuery...

jquery 自定义事件的创建、触发、冒泡例子

jquery 自定义事件的创建、触发、冒泡例子
下面为各位介绍一个jquery 自定义事件的创建、触发、冒泡例子,如果大家对于自定义事件的创建、触发、冒泡不懂就可以和小编一起来看看到吧。 1、事件类别 暂且不深入的说明JS的事件是如何注册和触发的,本文就浅显的将JS事件表面的了解下。在浏览器事件(事件都与JS有关,事件是为JS脚本服务的)中,最顶层的事件构造函数为Event,其他事件都是由Event派生出来的。 派生出的事件有: AnimationEvent ...

jquery中validate通过JS来触发表单验证

jquery中validate通过JS来触发表单验证
validate是一个表单验证的插件了我们可以实现利用js来实现触发validate对表单进行验证了,具体的操作步骤如下。 jquery.validate.min.js是一个很强大的jquery表单验证功能,很多人误以为只有提交表单的时候,才可以触发验证。其实通过JS一样可以触发。代码如下: $("#myform").validate({       ....   })   if ($("#myform").valid()) {&...

jquery中append、prepend、before、after方法使用例子

jquery中append、prepend、before、after方法使用例子
在jquery中append、prepend、before、after方法是对数据元素节点的操作系列方法了,这些方法大家了解吗?如果不了解就可以和夏日博客小编来看看它们用法。 一、after()和before()方法的区别 after()——其方法是将方法里面的参数添加到jquery对象后面去; 如:A.after(B)的意思是将B放到A后面去; before()——其方法是将方法里面的参数添加到jquery对象前面去。 如:A.before(B)的意思是将A放到B前面去; 二...

jquery中DOM元素的prev、next和siblings例子

jquery中DOM元素的prev、next和siblings例子
在js中prev、next和siblings三个方法是指上一个,下一个及其他兄弟,下面我们一起来看看jquery中DOM元素的prev、next和siblings例子,有兴趣的和小编学学。 jquery里我们要获取某个元素的相邻元素时,可以用到的命令有三个: next():用来获取下一个同辈元素。 prev():用来获取上一个同辈元素。 siblings():用来获取所有的同辈元素。 这次我们来获取下元素的兄弟元素,包括前一个兄弟、后一个兄弟以及其他...

jquery中document ready 与事件监听绑定和解绑

jquery中document ready 与事件监听绑定和解绑
事件监听通常是指对一个事件进行监测了,在jquery中我们通常会用到,下面一聚教程小编为各位整理几条关于jquery中document ready 与事件监听绑定和解绑的例子,有兴趣的和小编来看看。 1、document ready先看代码: $(function(){    alert('你好');   });   传入的参数是一个函数,我们需要做的是,需要在文档准备完毕之后去执行它。现在有2种情况: 1、文档还没...

JQUERY用EVAL解析JSON字符串例子与注意事项

JQUERY用EVAL解析JSON字符串例子与注意事项
EVAL解析JSON字符串我们工作中常用到了,但在使用过程中会有一些问题或不懂,下面小编整理了一篇EVAL解析JSON字符串例子与注意事项供各位参考。 这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eva...

JQUERY中GREP用法示例详解

JQUERY中GREP用法示例详解
GREP方法其实就一个数组筛选的功能了,我们可以利用它来快速过滤不要的数据或获取需要的数组了,具体关于jquery筛选GREP用法如下。 看看jquery的grep的用法代码示例: <script>   var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];   $( "div" ).text...

jquery 动态创建表单并提交例子

jquery 动态创建表单并提交例子
创建表单可以使用js或jquery来创建了,然后提交的就可以直接使用obj.submit()方法进行提交,具体实现方法其实非常的简单,下面来看看。 有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript 肯定可以做到,我用jquery做了一个测试。 我自己测试的是构造一个分页的post请求, 为了防止cs...

jquery判断IE浏览器版本处理浏览器兼容性实例

jquery判断IE浏览器版本处理浏览器兼容性实例
本文我们来分享一个利用js框架jquery判断IE浏览器版本解决去解决浏览器兼容的问题的实例教程,因为IE版本多,而且启用也不少,有时项目不得不考虑兼容问题。 IE还真是让设计师恨的牙痒痒的东西,且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器,且都有一点小差异。但是没办法,为了让网页在每个浏览器中显示都一样还必须迁就它。 不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如I...

jQuery中hover事件使用方法详解

jQuery中hover事件使用方法详解
hover事件就是 鼠标移到元素上要触发的事件了,这里我们来介绍jquery的这个事件的一些使用方法与例子吧。 hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否...

jQuery中setInterval、setTimeout找不到对象解决办法

jQuery中setInterval、setTimeout找不到对象解决办法
setInterval、setTimeout函数我相信各位并不陌生了它是定时功能了,但小编在jQuery中使用setInterval、setTimeout时碰到找不到对象问题,下面我们一起来看看吧。 最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,以前写定时器的时候,总是习惯直接: setInterval("fn()",2000);   最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下: $...

jQuery插件scrollToBySpeed页面滚动示例

jQuery插件scrollToBySpeed页面滚动示例
scrollToBySpeed 是 jQuery 插件,是按照指定速度去滚动页面,而不是时间,下面我们来看一个基于scrollToBySpeed实现页面滚动效果,下面我们一起来看看吧。 使用方法: 引入插件文件到你的网页中,你可能还需要引入jQuery文件,因为这个插件依赖于jQuery库。 <script src="jquery.js"></script>   <script src="scrolltobyspeed.jquery.js"></script> &n...