随笔分类 - JQuery

jQuery插件开发全解析

摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1 添加一个新的全局函数添加一个全局函数，我们只需如下定义：Java代码jQuery.f 阅读全文

posted @ 2012-10-10 13:12 与时俱进阅读(845) 评论(2) 推荐(0) 编辑

JQuery语法总结和注意事项

摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。阅读全文

posted @ 2012-10-09 17:07 与时俱进阅读(2668) 评论(3) 推荐(0) 编辑

jQuery 仿淘宝鼠标悬停显示大图效果

摘要：页面只需要包含 jquery库, bigpic.js 和 bigpic.css即可自动给页面上符合条件的图片加上悬停效果.<script type="text/javascript" src="jquery-1.3.2.min.js"></script><script type="text/javascript" src="bigpic.js"></script><link rel="stylesheet" href="bigpic 阅读全文

posted @ 2012-07-26 13:45 与时俱进阅读(3806) 评论(0) 推荐(2) 编辑

jQuery实现的瀑布流效果，向下滚动即时加载内容

摘要：下拉滚动条或鼠标滚轮滚动到页面底部时，动态即时加载新内容。后台用 json 传输数据，示例程序中只写了示例数组。数据也只设置了两个属性，需根据实际应用改写。页面用了 ul li 做为容器，每个 li 表示一列<ul id="stage"> <li></li> <li></li> <li></li> <li></li> </ul> JS代码/*@版本日期: 版本日期: 2012年4月11日@著作权所有: 1024 intelligence ( htt 阅读全文

posted @ 2012-07-26 13:43 与时俱进阅读(19667) 评论(1) 推荐(0) 编辑

jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名

摘要：使用jquery的ajax，轻松从纯真网(cz88.net)获取IP地址对应地区名<html><head><title>jquery demo</title><script type="text/javascript" src="http://img.jsdoc.cn/jslib/jquery/jquery-1.3.2.min.js">&... 阅读全文

posted @ 2010-08-26 18:05 与时俱进阅读(1136) 评论(1) 推荐(0) 编辑

jQuery Slide Show – jQuery幻灯片效果

摘要：制作的主要原理是，利用绝对定位，把所有图片都重叠在一起。再利用jQuery让图片动态交换，并调整他们的z-index。主要的js代码如下：function slideSwitch() {var $current = $("#slideshow div.current");// 判断div.current个数为0的时候 $current的取值if ( $current.length == 0 ) $... 阅读全文

posted @ 2010-06-29 14:33 与时俱进阅读(2675) 评论(0) 推荐(1) 编辑

jQuery:书籍展示效果

摘要：前段时间在国外的博客上看到这个jQuery的书籍展示效果，觉得很是不错，并下载了源码，自己重新编写了CSS和JS，效果:如下说明：因为在此页面中是通过使用iframe标签引入外部页面，加上显示页面的宽度有限，所以当鼠标移动到Info图标上时，部分内容被遮盖住，这时你可以通过外部链接查看：Demo具体代码实现如下：（源代码下载）1.html代码:2.CSS代码：为了兼容ie6，需在head标签内加上... 阅读全文

posted @ 2010-06-29 14:17 与时俱进阅读(1390) 评论(0) 推荐(0) 编辑

jQuery:增强型走马灯公告栏，可以抛弃marquee标签了

摘要：1.Html代码：2.CSS代码：3.JS代码：（备了部分注释，不懂的可以留言询问。）使用时别忘了引入jQuery库哦，也希望大家给我提出意见，或功能扩充等要求。阅读全文

posted @ 2010-06-29 14:10 与时俱进阅读(7227) 评论(0) 推荐(0) 编辑

jQuery:两个样式下拉菜单(click hover)

摘要：一直都很喜欢下拉菜单，因为这样可以导航到更多的页面，给访问者一目了然的感觉。之前在公司的网站上就是用的下拉菜单导航栏的方式进行导航，当时是使用了li:hover的方式通过鼠标移动到li上，显示出li下的ul。而在ie6中则使用javascript修复li:hover。这样做出来是没有动态的效果，下拉菜单一下子就凭空出现了。运用jQuery库制作下拉菜单的好处就是可以做出各种不同的动态效果，我今天讲... 阅读全文

posted @ 2010-06-29 14:08 与时俱进阅读(6250) 评论(1) 推荐(0) 编辑

jQuery:通过事件委派一次绑定多种事件，以减少事件冗余

摘要：jQuery的最大特色之一就是方法连缀写法，这样的书写方式使得阅读起来更加方便。于是乎，在日常的开发中大量使用连缀写法，而事件方法连缀就是一个特例。若给一个Dom对象使用了绑定了多个事件，便于阅读和书写，习惯了使用连缀写法，但这样的书写方式会造成时间的冗余。1.事件冗余：多个事件方法中多次调用相同的代码下面的代码是一个事件方法连缀的写法：其中第5|6行、第18|19行、第24|25行多次地使用了同... 阅读全文

posted @ 2010-06-29 14:05 与时俱进阅读(585) 评论(1) 推荐(0) 编辑

jquery JSON的解析方式

摘要：首先给出JSON字符串集，字符串集如下：var data="{root:[{name:'1',value:'0'},{name:'6101',value:'西安市'},{name:'6102',value:'铜川市'},{name:'6103',value:'宝鸡市'},{name:'6104',value:'咸阳市'},{name:'6105',value:'渭南市'},{name:'6106'... 阅读全文

posted @ 2010-06-23 17:45 与时俱进阅读(1134) 评论(0) 推荐(0) 编辑

tabs选项卡

摘要：jQuery提供了tabs（选项卡/页签）overlay(覆盖层),tooltip（提示框）,scrollable（滚动信息栏）,expose（突出显示）,flahembed(视频播放嵌入)六大类功能（其官方网站自称为六大工具），这六大类功能又是每个功能都有自己的独立支持包，不相互干扰，用户完全可以根据自己的需要下载，这样就减少了js文件下载对页面加载速度的影响。<ul class="tab... 阅读全文

posted @ 2010-06-23 17:44 与时俱进阅读(637) 评论(0) 推荐(0) 编辑

jquery自动切换tabs选项卡

摘要：<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%String path = request.getContextPath();%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition... 阅读全文

posted @ 2010-06-23 17:43 与时俱进阅读(1065) 评论(0) 推荐(0) 编辑

jQuery+asp.net 封装的一个自定义控件,自主分页,查

摘要：上源码,(fw3.5)效果图:拖入页面设计绑定dataset, 简单设置即可, 无需考虑分页问题系统采用反射机制自动Ajax分页自动Ajax实现查询设置代码代码http://files.cnblogs.com/337212522/DataGrid.rar 阅读全文

posted @ 2010-06-23 17:41 与时俱进阅读(1771) 评论(0) 推荐(0) 编辑

jQuery 1.4的十五大新功能实例精讲

摘要：. jQuery()创建DOM元素：支持传参设置属性之前，jQuery可以通过 attr 方法设置元素的属性，既可传属性的名和值，也可以是包含几组特定属性名值对的对象。在jQuery 1.4中，你可以把一个参数对象作为附属参数传给 jQuery 函数本身，同时创建HTML元素。比方说你想要创建一个带有几个属性的锚记元素（<a></a>）。在1.4中，一切如此简单：你大... 阅读全文

posted @ 2010-06-22 15:03 与时俱进阅读(1420) 评论(0) 推荐(0) 编辑

JQuery在光标位置插入内容

摘要：原理很简单，IE下可以通过document.selection.createRange();来实现，而Firefox（火狐）浏览器则需要首先获取光标位置，然后对value进行字符串截取处理。不多说了~直接上我写的一个jQuery在光标位置插入内容插件吧~Query在光标位置插入内容插件代码(function($){$.fn.extend({insertAtCaret: function(myVal... 阅读全文

posted @ 2010-06-18 17:52 与时俱进阅读(11500) 评论(0) 推荐(0) 编辑

基于jquery的锁定弹出层

摘要：这个东西也是随手总结出来的，引用了一些js框架jquery的方法。div遮盖其他控件的方法参考了：http://www.leeyupeng.com/?p=265。对于需要遮盖flash的，请将flash控件的WMode变量值设置为 Transparent 使用方法： <script src="jquery.js"></script> <script src="ef... 阅读全文

posted @ 2010-02-23 10:25 与时俱进阅读(1350) 评论(0) 推荐(0) 编辑

锁定弹出层（jquery语法）

摘要：经常遇到要弹出一个悬浮层，鼠标的事件只能在本层上有效，底层会失效。能用的做法是在悬浮层和底层之间在加一个遮盖层，遮盖住整个浏览器，这样就不能点击底层的任何东西了。遮盖层的定义： var w = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px"; //获取宽 ... 阅读全文

posted @ 2010-02-23 10:20 与时俱进阅读(1500) 评论(1) 推荐(0) 编辑

jQuery 插件---hotkeys快捷键(热键).

摘要：演示:http://www.cssrain.cn/demo/jquery-hotkeys/test-static.html 下载:http://www.cssrain.cn/demo/jquery-hotkeys/jquery.hotkeys.js google代码地址:http://code.google.com/p/js-hotkeys/ 阅读全文

posted @ 2010-02-05 12:52 与时俱进阅读(1296) 评论(0) 推荐(0) 编辑

友情链接：同里老宅院民居客栈