jquery
lijunlinlijunlin
这个作者很懒,什么都没留下…
展开
-
关于jquery ui dialog 在IE下定位失效的解决办法
今天在项目工程里面使用jquery ui dialog 时在FF下和IE下的定位效果不一样、调整了很久发现是浏览器的解析[html] view plaincopy> 这是eclipse的默认生成jsp页面的声明解析字符串要替换为[html] view plaincopy> html xmlns="h转载 2015-02-17 01:37:29 · 956 阅读 · 0 评论 -
Jquery命名冲突解决的五种方案
引言: 最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多 JavaScript 库使用 $ 作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用 jquery 之外的另一 js 库,我们可以通过调用 $.noConflict() 向该库返回控制权。下面转载 2015-07-03 03:32:17 · 534 阅读 · 0 评论 -
浏览器窗口放大缩小后页面内容居中解决方法
先说下简单的思路:1.获得窗口的大小,高度,宽度。2.要知道显示的图片(我这里用图片举例)的大小,宽,高。(我的图片显示设置为 宽:960,高600 )3.简单算法,获得的浏览器宽,高 减去 图片的宽,高 除以2 就是 间隔距离了。4.当然还有获得窗口放大,缩小的事件了。根据事件来设置(margin)。 首先将图片弄到body里面,代码如下:(不知道怎么添加代码块,只有转载 2015-05-24 10:00:01 · 8302 阅读 · 0 评论 -
jQuery中$.fn的用法示例介绍
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这转载 2015-05-19 00:37:24 · 412 阅读 · 0 评论 -
$.extend(),与$.fn.extend() 讲解
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方转载 2015-05-19 00:36:56 · 374 阅读 · 0 评论 -
jQuery.fn和jQuery.prototype区别介绍
jQuery.fn和jQuery.prototype想必大家对它并不陌生吧,那么你们知道它们之间的区别吗?在本文有个不错的示例大家可以参考下近期在读jQuery的源码。 发现这里有个东西很难理解。 这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么。 来看下jQuery的源码是怎么样定义的:转载 2015-05-19 00:33:39 · 498 阅读 · 0 评论 -
50个jQuery代码段帮你成为更出色的JS开发者
英文原文: 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer,翻译:woiwebPS:原文作者 Addy Osmani 是Google Chrome 团队成员。本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery转载 2015-05-14 00:38:59 · 443 阅读 · 0 评论 -
jquery的$().each,$.each的区别
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:$(“input[name=’ch’]”).each(fu转载 2015-04-14 00:43:42 · 370 阅读 · 0 评论 -
jquery的each()详细介绍
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "c转载 2015-04-14 00:46:52 · 539 阅读 · 0 评论 -
jQuery实现页面滚动时顶部动态显示隐藏
jQuery实现页面滚动时顶部导航显示或者隐藏p{ line-height:200%; text-align:center;}.top-title {background:#e74c3c;color:white;font-size:24px;padding:5px;text-align:center;position: fixed;left:0;top:0;width:100%;tra转载 2015-04-24 00:43:25 · 1609 阅读 · 0 评论 -
JQuery中each()的使用方法说明
对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用JQuery中的each函数在1.3.2的官方文档中的描述如下: each(callback) 以每一个匹配的元素作为上下文来执行一个函数。 意味着,每转载 2015-04-14 00:40:14 · 590 阅读 · 0 评论 -
jquery水平二级导航代码
jquery水平二级导航代码 - www.97zzw.combody { font: 10px normal Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}h1 { font: 4.7em normal Georgia, 'Times New Roman', Tim转载 2015-04-23 02:12:39 · 737 阅读 · 0 评论 -
jquery滑动横向二级菜单特效
jquery鼠标跟随导航效果 - 97站长网 - www.97zzw.combody{ font-size:100%; font-family:"Microsoft YaHei","Arial"; background:#fff;}#nav{ position:relative; width:832px; _width:835px; margin:100px auto 0 auto;转载 2015-04-23 02:28:11 · 1354 阅读 · 0 评论 -
用jquery实现的一个超级简单的下拉菜单
nav a { text-decoration: none; } nav > ul > li { float: left; text-align: center; padding: 0 0.5em; } nav li ul.sub-menu { display: none; padding-left: 0 !important; } .sub转载 2015-04-23 01:58:17 · 794 阅读 · 0 评论 -
jQuery UI dialog 的使用
上一篇文章分享了一下 jQuery UI dialog 的简单使用,看到这么多同学都在学习,就将 jQuery UI dialog 的使用总结一下,也为学习其他的 jQuery UI 打个基础。 初始化参数对于 dialog 来说,首先需要进行初始化,在调用 dialog 函数的时候,如果没有传递参数,或者传递了一个对象,那么就表示在初始化一个对话框。没有参数,表示按照默认的设置初转载 2015-02-17 01:44:18 · 639 阅读 · 0 评论 -
Jquery UI dialog 弹层被遮住的问题
我有一个页面,只有一个iframe,这个iframe里面放的是flash,如下图弹层后,如下图怎么让弹出的层在最上边,我用的是Jquery UI 中的dialog来弹层的.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0; z-index: 1000 !important; }在css文件转载 2015-02-17 01:47:09 · 3158 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载转载 2015-09-04 11:48:51 · 314 阅读 · 0 评论