-
jQuery 原理的模拟代码 -4 重要的扩展函数 extend
所属栏目:[传媒] 日期:2018-08-30 热度:181
上一篇:jQuery 原理的模拟代码 -3 事件处理 在上两篇文章中,我们看到每次要通过 jQuery 的原型增加共享方法的时候,都需要通过 jQuery.fn 一个个进行扩展,非常麻烦,jQuery.fn.extend 提供了一个扩展机制,可以方便我们通过一个或者多个示例对象来扩展[详细]
-
jQuery 原理的模拟代码 -3 事件处理
所属栏目:[传媒] 日期:2018-08-30 热度:114
上一篇:jQuery 原理的模拟代码 -2 数据部分 在 jQuery 中,实际注册的事件处理函数是一个匿名的闭包函数,这个函数最终都是通过调用 jQuery.event.handle 进行处理的。 在对象的私有扩展对象上,专门增加了一个名为 events 的事件管理对象,在这个对象上[详细]
-
jQuery 原理的模拟代码 -2 数据部分
所属栏目:[传媒] 日期:2018-08-30 热度:138
上一篇:jQuery 原理的模拟代码 -1 核心部分 在 jQuery 中,可以对每一个 DOM 对象保存私有的数据。 这个数据当然要通过属性来进行存取,但是,有多个属性怎么办呢?,要定义多个属性吗?,属性的名字叫什么呢?会不会与其他的属性有冲突呢? 在 jQuery 中[详细]
-
jQuery 原理的模拟代码 -1 核心部分
所属栏目:[传媒] 日期:2018-08-30 热度:119
最近又看了一下 jQuery 1.4.2, 为了便于理解,将 jQuery 的核心使用比较简单的代码模拟一下。方便学习。 核心部分实现了两种选择器,使用 id 和标记名,还可以提供 css 的设置,以及 text 的设置。 1 // # 表示在 jQuery 1.4.2 中对应的行数 2 3 // 定义变[详细]
-
jQuery为什么在firebug下表现出数组的特征
所属栏目:[传媒] 日期:2018-08-30 热度:173
在firebug下面用console.debug($(a))打印 jQuery ()返回值时,会发现控制台输出是一个数组,但我们知道jQuery()返回的确实一个对象,只不过这个对象有length属性和数字的下标,最重要的是还有一个splice方法。只要满足这三点,就会在控制台输出一个数组。[详细]
-
jQuery.animate简单分析
所属栏目:[传媒] 日期:2018-08-30 热度:109
很久之前就对 jQuery .animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数: easing: { linear: function( p, n, firstNum[详细]
-
yui3与jquery的代码对照
所属栏目:[传媒] 日期:2018-08-27 热度:87
YUI3: script YUI().use('node', function(Y){ var links = Y.all('div#latest-list .bd li a'); links.on('mouseover', function(ev){ var desc = this.get('parentNode').query('.news-desc'); var popup = Y.get('.popup-desc'); if(!popup){ Y.get(doc[详细]
-
jquery jCalendar.js 日期选择插件
所属栏目:[传媒] 日期:2018-08-27 热度:62
文件下载:jCalendar.js jQuery 支持文件:jquery 1.3.1以上 样式文件示例: /*css for jCalendarSelector*/ #jCalendarSelector{position:absolute;border:1px solid #7b9ebd ;background:#efefef;padding:2px 3px;z-index:1999;} #jCalendarSelector thea[详细]
-
jquery.validate.js validation表单的验证插件
所属栏目:[传媒] 日期:2018-08-27 热度:192
messages_cn.js !--验证国际化,中文-- (不引用messages_cn.js是英文的提示,用了是中文) required: This field is required., remote: Please fix this field., email: Please enter a valid email address., url: Please enter a valid URL., date: Pl[详细]
-
jquery实现打开窗口返回值的效果
所属栏目:[传媒] 日期:2018-08-27 热度:147
网页上常常有jquery实现打开窗口返回值的效果,当你的鼠标移入一个输入框时会弹出一个对话框让你选择填入该对话框的值,现在我们用Jquery简单的实现这种效果。 以下为实例代码: script type=text/javascript src=http://www.veryhuo.com/uploads/Common/j[详细]
-
Jquery Ajax实例:向页面发出请求 返回XML格式数据
所属栏目:[传媒] 日期:2018-08-24 热度:113
一、AjaxSample.aspx 处理业务数据,产生XML数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, EventArgs e) { string uid = Request.QueryString[username]; string pwd = Request.QueryString[password]; Response.Co[详细]
-
Jquery.cookie 插件的使用体验
所属栏目:[传媒] 日期:2018-08-24 热度:127
用JS写cookies说难也难说简单也简单,说简单就是直接document.cookie=..,直接就写了,说难就是cookies中有的Key已经有了,是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了,有的时候还会发生不能成功写入的情况(有时写[详细]
-
JQuery 的常用操作命令及语法使用
所属栏目:[传媒] 日期:2018-08-24 热度:102
//遍历option和添加、移除option function changeShipMethod(shipping){ var len = $(select[@name=ISHIPTYPE] option).length if(shipping.value != CA){ $(select[@name=ISHIPTYPE] option).each(function(){ if($(this).val() == 111){ $(this).remove([详细]
-
jquery 插件 jquery.resizable.js 的使用实例
所属栏目:[传媒] 日期:2018-08-24 热度:74
jQuery .resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为; 使用步骤 script type=text/javascript src=js/jquery-1.4.2.js/script script type=text/javascript src=js/jquery.resizable.js/script script type=text/javascript $([详细]
-
JQuery ajax 设置同步调用与冲突问题
所属栏目:[传媒] 日期:2018-08-24 热度:54
JQuery ajax 如何设置同步调用(同时只能触发一个函数) 解决与层显示信息时候的冲突问题?代码如下: 调用之前设置以下属性 弹出信息提示层信息 $(div1).visibility = visible; /* 延迟执行ajax 函数 , 此处采用jquery1.2.6 测试, 不延迟一点jquery 在ie6,i[详细]
-
jquery+css 实现简单的进度条效果
所属栏目:[传媒] 日期:2018-08-24 热度:132
jquery其实是有个进度条插件的,叫做jqueryprogressbar.js,可是想练习一下,就没有用,自己写了点代码。这个代码其实是参考别人的,因为自己的JS基础不是很好。 其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一[详细]
-
Ajax 跨域访问的 JQuery 的解决方案
所属栏目:[传媒] 日期:2018-08-24 热度:88
我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以js跨域操作会被拒绝。 具体情况有: 一、本域和子域的相互访问: http://www.aa.com/和book.aa.com 二、本域和其他域的相互访问[详细]
-
jQuery实现图片上一张下一张切换功能
所属栏目:[传媒] 日期:2018-08-24 热度:178
人人网相册和 酷狗 音乐网站上面当鼠标移动到图片上面,鼠标的形状会根据其在图片上的位置改变。 说明:1.需要调用Jquery。 2.这里获取鼠标在图片的位置用了个投机的方法,设置图片的position:relative 直接使用 var positionX=e.originalEvent.x||e.origi[详细]
-
JQery jstree 大数据量问题的解决方案
所属栏目:[传媒] 日期:2018-08-24 热度:169
问题描述:Jquery 结合jstree 动态生成一棵树,如果某一节点下目录超过500个,IE 会提示是否允许JS脚本运行,并且目 录加载不全,大约只加载了300左右。 问题解决:生成的树是逐级加载的,在open函数中有一个生成节点的代码: 代码 for (var i=0; idata.le[详细]
-
关于JQuery的html(data)方法与script脚本块
所属栏目:[传媒] 日期:2018-08-24 热度:164
在使用Jquery的html(data)方法执行写数据到Dom元素时遇到一个问题:在data参数中包含script脚本块的时候,html(data)方法的执行结果与预期不符,Teddy's Knowledge Base2008-04-22也曾经在这里提到过类似的问题,原文如下: 今天才注意到 jQuery (...).html[详细]
-
Jquery快速构建可拖拽的购物车-DragDrop
所属栏目:[传媒] 日期:2018-08-21 热度:196
拖拽功能早已经成为各个网站吸引用户的一大亮点,那有没有想过如何把拖拽功能应用到电子商务网站的购物车功能模块中呢? 这样一来,购买者只需要把自己感兴趣的商品拖拽到自己的购物车中,也可以从购物车中删除商品 同时更新购物车的总体价格和数量。 那咱[详细]
-
jQuery-Selectors(选择器)的使用(一、基本篇)
所属栏目:[传媒] 日期:2018-08-21 热度:125
1. #id用法 定义:根据给定的ID匹配一个元素。 返回值:Element 参数:id (String) : 用于搜索的,通过元素的 id 属性中给定的值 实例:将ID为div_red的DIV的边框改为红色 代码:$(#div_red).css(border,red 2px solid); //点击按钮一将执行这句代码 DIV I[详细]
-
图像远处放大功能 基于jQuery编写
所属栏目:[传媒] 日期:2018-08-21 热度:52
为了让本地图片、远程图片、过小的图片都适应此插件,有很多细节问题要处理。 首先定义结构: Copy to Clipboard 引用的内容:[www.veryhuo.com]div class=imgMagnifierWrap div class=overlay!--覆盖层,鼠标的感应区域,位于小图上最方--/div div class=[详细]
-
简单的jquery litebox遮罩层插件
所属栏目:[传媒] 日期:2018-08-21 热度:182
分享一个自己写的简单的jquery litebox遮罩层插件,直接加class liteBox调用, 有加载进度条,在链接中设置宽度、高度和是否有滚动条!js压缩代码1.4k !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtm[详细]
-
基于jQuery的幻灯插件:中等级封装类sGallery 1.0
所属栏目:[传媒] 日期:2018-08-21 热度:94
烈火网(LieHuo.Net)教程 基于 jQuery 的幻灯插件:中等级封装类sGallery 1.0,非常漂亮,欢迎大家学习和转载,请注意保留作者的博客地址,尊重作者劳动成果! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DT[详细]