1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn) 其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。 2、示例代码： 代码如下:<!DOCTYPE html PUBLIC "-//W...
前几天在看《jquery基础教程》，看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的。 然后在一处看到live()已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live()是在之前哪个版本被移除的，惭愧啊，之前都没留意。 看源码发现bind()和delegate()都是由on()实现的。on()的描述如下： 代码如下:.on( events [, selector ] [, data ], handler(eventObjec...
1、在DOM对象的实践操作中，既然存在用于绑定事件的bind方法，也相应存在用于移出绑定事件的方法，在JQuery中，可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/htm...
1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T...
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记<a>若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。 2、示例代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...
插件源码 jquery.callback.js 插件开源地址： https://gist.github.com/4580276 代码如下:/** * @fileOverview 本插件用于给jQuery方法添加回调函数，可在类方法或实例方法添加任何自定义的回调函数而不影响原方法的行为 * @dependency jQuery1.7+ * @author huhai * @since 2013-01-21 */ (function($){ $._callbacks = {}; $._callbacks_ = {}; $._alias = {}; $._alias_ = {}; $.extend({ /** * @decription 给方法添加回调函...
一、官方网站下载：http://jquery.com 二、引入JQuery文件库 下载完后不用安装，只需将文件导入页面中即可，即在<head></head>中加入如下代码：<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> 三、编写一个弹出对话框的简单应用。 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CO...
代码如下:$(document).ready(function () { var dom = $("span"); //出自http://www.cnblogs.com/ahjesus 尊重作者辛苦劳动成果，转载请注明出处，谢谢！ $(dom[0]).remove(); console.log(dom.length) //5 console.log($(dom).length) //5 console.log($("span").length) //4 console.log($(dom[0]).text()) //A }) 如果用变量才存储jquery对象，在删除后，删除的对象还是缓存存在的，在进一步做其他操作的时候，缓存对象清除
very short version: [html] 代码如下:$(#myDiv).css({top:50%,left:50%,margin:-+($(#myDiv).height() / 2)+px 0 0 -+($(#myDiv).width() / 2)+px}); $(#myDiv).css({top:50%,left:50%,margin:-+($(#myDiv).height() / 2)+px 0 0 -+($(#myDiv).width() / 2)+px}); short version: [html] 代码如下:(function($){ $.fn.extend({ center: function () { return this.each(function() { var top = ($(window).height() - $(this)....
表格：合并单元格 参考示例：合并单元格 调用方法：margeCells。如下代码： 代码如下:grid.on("load", onLoad); function onLoad(e) { var grid = e.sender; var marges = [ { rowIndex: 1, columnIndex: 0, rowSpan: 1, colSpan: 2 }, { rowIndex: 3, columnIndex: 0, rowSpan: 4, colSpan: 3 } ]; grid.margeCells(marges); }
我们有时候需要实现这样一种功能：点击一个按钮，然后在按钮的下方显示一个div。当按钮位于角落时，div的位置设定就需要调整，不然，div将显示不完全。 我打算使用offset()方法实现此功能，但要先弄清楚他的功能。 offset()的top是指元素与document的上边的距离，而不是浏览器当前窗体的上边缘，如图1。 图1：document高度超过window，浏览器出现滚动条，滚动滚动条，提交按钮的offset不变。图2：document中的div有滚动条，提交按...
今天这篇文章向大家展示10个非常酷的应用 jQuery 手风琴（according）效果网站，一起欣赏。 1. Unowhy 2. Helloewy 3. Djafar Inal 4. Made by Elephant 5. Engage Interactive 6. Jaboh 7. Nerve Music Store 8. Loewy Design 9. Alex Cohaniuc 10. EyeDraw 作者：山边小溪
看见有的同学用 Adam Cai 的代码，感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版，代码更少使用也更简单。 在线演示： http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代码 代码如下:$(document).ready(function(){ $("#sItem li:not(:first)").css("display","none"); var B=$("#sItem li:last"); var C=$("#sItem li:first"); setInterval(function(){ if(B.is(":visible")){ C.fadeIn(500).add...
今天这个demo是有关下拉框的。 代码如下:<div class="centent"> <select multiple="multiple" id="select1" style="width:100px;height:160px;"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> <option value="4">选项4</option> <option value="5">选项5</option> <option value="6">选项6</option> <option value="7">选项7</option> </select> <div> <span id="add" >...
于是GOOGLE一查，原来是因为特殊字符的原因。 在jQuery的选择器中，如果要用到特殊字符的话，需要用"\\"转义，否则是查不到想要的东西的 官方文档位置：http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_by_an_ID_that_has_characters_used_in_CSS_notation.3Fif ($ != jQuery) {$ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 72991; var cb_entryId = 2090445; var cb_blogA...