夏日博客

jQuery中closest和parents的区别

jQuery中closest和parents的区别
closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。 1.父级 parent()——唯一父级元素，可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先（不包含根元素），可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先，可能是0个或1个元素。 closest和parents的主要区别是： 前者从当前元素开始匹配...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中contents()与children()的区别

jQuery中contents()与children()的区别
jQuery中contents()与children()的区别是什么呢？我相信很多朋友对于这两个方法不是很了解了，下面小编为各位介绍它们的区别与用法吧。 1、基本概念 首先呢，这两个方法是有区别的。 ontents() 方法返回所有直接子元素，包括被选元素的文本和注释节点。 文本节点是由元素显示的实际文本。 该方法与 children() 方法类似，不同的是它返回的是文本和注释节点。如果在相同的域中，contents() 方法也能访问 ifr...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中trigger()触发hover事件疑问

jQuery中trigger()触发hover事件疑问
jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。 今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。 1、trigger方法解释 官方是这么解释的： Description: Execute all handlers and behaviors attached to the matched elements for the given event type. 用法： .t...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery scroll()和resize()增加延时处理示例

jquery scroll()和resize()增加延时处理示例
本文章为各位介绍一个关于jquery scroll()和resize()增加延时处理示例，如果各位对于scroll()和resize()用法不了解的可以和小编一起来看看吧。 浏览器的scroll()和resize()方法都是实时处理的，比如浏览器拉动浏览器的过程中一直在触发scroll()，浏览器的在改变大小尺寸的时候一直在触发resize()，如果在这两个方法里加上函数之后，会一直不间断的去处理，很可能造成浏览器负荷。 解决的方法就是延时，当然...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery同域跨iframe操作DOM例子

jQuery同域跨iframe操作DOM例子
下面为各位来介绍一个jQuery同域跨iframe操作DOM例子，如果各位对于jquery跨域操作不了解可以和小编一起来看看本文章吧。 iframe目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 1、父框架操作iframe <iframe src="a.php" id="aa"></iframe&g...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中has()和contains()及empty用法介绍

jQuery中has()和contains()及empty用法介绍
本文章为各位介绍jQuery中has()和contains()及empty用法了，这三个方法我相信各位用到的最多的估计是第一个和最后一个，中间函数估计不知道吧，下面我们一起来看看has()和contains()及empty用法。 jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于： has是判断标签的 contains是判断文本的 1、jQuery:has() <div><p>Hello</p></div>   <div>Hello...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery获取天气API实例程序代码

jQuery获取天气API实例程序代码
jQuery获取天气API我们见得多了，在这里小编看到一站长写得非常不错的一款jQuery获取天气API插件，我们一起来看它的用法。 1、后台 <?php   if(isset($_GET['city']) && $_GET['city']!='')   {    $url='http://m.weather.com.cn/data/';    $city=(int)$_GET['city'];    $json = file_get_content...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中getScript()使用方法与优缺点分析

jQuery中getScript()使用方法与优缺点分析
getScript函数非常的强大可以直接加载外部的一些js文件从而实现了跨域数据处理了，下面我们起来看一些关于getScript()使用方法与优缺点分析了。 目前做的主题，含有大量的js，以前是全部压缩到2个文件里的，两个文件都很大，在现代浏览器中运行毫无压力。但是，对于残疾的ie来说，那简直就是受罪。会随机出现以下状况： 1、js加载无任何错误，但就是没有特效。 2、js加载总是失败。 3、js加载过慢，导致用...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

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

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

jquery下event.which获取键盘、鼠标键值示例
which 属性指示按了哪个键或按钮了，所以有了这个函数其实我们可以非常的简单的监测到我们按键及键值了，具体来看个例子。 jquery中使用event.which获取键盘、鼠标键值。event.which 将 event.keyCode 和 event.charCode 标准化了。 获取键盘输入值 <!DOCTYPE html>    <html>    <head>    <meta charset="utf-8" /...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jquery dialog弹出对话框插件使用方法
jquery的dialog插件我相信用过的人不少了，自从有了dialog插件之后我们的弹出提示都用到了jquery dialog了，下面小编来为各位介绍jquery dialog弹出对话框插件使用方法，希望文章能够帮助到各位。 使用方法: 2.1、默认参数 // 1. 对话框默认参数   // 标注【*】的项目表示可以重复修改的，即多次初始化   $.fn.dialog.defaults = {    //&...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

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

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

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

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

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

jquery实现点击回到顶部以及定点滚动
回到顶部功能我们在很多的网站都可以看到这个功能实用并且方便大家回到顶部了，下面小编给各位介绍一个jquery实现点击回到顶部以及定点滚动例子。 1、思路 DOM的每个标签以及浏览器本身都有一个scrollTop属性，这不是CSS可以控制的（目前），这个值指的是在一个指定的容器内当前可视顶部距离内容顶部的距离，如果这个容器是浏览器的话，那么滚动条的上边距就是这个值。 那么，如果想要回到顶部的话，设置sc...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jQuery 动画 promise()方法使用例子
promise是一个动画事件了，我们可以利用它来创建很多各种动画效果了，下面小编为各位介绍jQuery 动画 promise()方法使用例子 jQuery 的 show、hide 方法大家都好熟悉的，也知道它可以接受一个回调函数，用于动画完成后执行。比如： $('.js-sam').hide('slow', function() {       alert('你刚刚隐藏了 sam');   });   但是，jQuery...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

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

jquery 自定义事件的创建、触发、冒泡例子
下面为各位介绍一个jquery 自定义事件的创建、触发、冒泡例子,如果大家对于自定义事件的创建、触发、冒泡不懂就可以和小编一起来看看到吧。 1、事件类别 暂且不深入的说明JS的事件是如何注册和触发的，本文就浅显的将JS事件表面的了解下。在浏览器事件（事件都与JS有关，事件是为JS脚本服务的）中，最顶层的事件构造函数为Event，其他事件都是由Event派生出来的。 派生出的事件有： AnimationEvent ...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jquery中validate通过JS来触发表单验证
validate是一个表单验证的插件了我们可以实现利用js来实现触发validate对表单进行验证了，具体的操作步骤如下。 jquery.validate.min.js是一个很强大的jquery表单验证功能，很多人误以为只有提交表单的时候，才可以触发验证。其实通过JS一样可以触发。代码如下： $("#myform").validate({       ....   })   if ($("#myform").valid()) {&...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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前面去； 二...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

jquery中DOM元素的prev、next和siblings例子
在js中prev、next和siblings三个方法是指上一个，下一个及其他兄弟，下面我们一起来看看jquery中DOM元素的prev、next和siblings例子，有兴趣的和小编学学。 jquery里我们要获取某个元素的相邻元素时，可以用到的命令有三个： next():用来获取下一个同辈元素。 prev():用来获取上一个同辈元素。 siblings()：用来获取所有的同辈元素。 这次我们来获取下元素的兄弟元素，包括前一个兄弟、后一个兄弟以及其他...
2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文