我写了个JQUERY 的插件。来实现分组的效果。图2. 这是一个简单的分组效果，根据表的第一列“Department" 来分组图3， 也可以对多个列来分组，根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前，先对要选择的列进行排序，这在提取数据的时候可以完成， 就没有在客户端再去实现。图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;通过写这个JQuery 控件，深刻体会到它的强大。整个代码不到100行。 在AS...
第一篇文章，具体使用也过去很长时间了，直接贴码： 1.代码中使用json数据格式（直接在页面中组装成的，并非后台组装，具体方法：function _callBack(d)） 2.提供右键菜单及功能实现 3.具有checkbox，提供获取选中节点ID方法：function getMenuIds() 代码如下: border="5px"> 退出 style='width: 98%; height: 698px; padding-top: 10px; padding-left: 10px;padding-right: -10px;'> $("#title").html("js...
幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorial jQuery Plugin – Feature List Create an Image Rotator with Description (CSS/jQuery) Moving Boxes Using the Wonderful jFlow Plugin Easy Slider 1.7 – Numeric N...
代码如下: $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作，由于书写方便，所以Jquery比其他应用程序更受欢迎，但是当与其他js程序库一起使用的时候，特别是prototype.js同时使用时，不能使用$方法，因为他们也有该方法，可以用如下方法回避这种冲突： jQuery(function($){//脚本}) 他们都是当Dom加载完后执行的操作，所以放在html的任何位置都可以，...
于是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...
今天这个demo是有关下拉框的。 代码如下: 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选中添加到右边>> 全部添加到右边>> 选项8 实现的功能是，能将左边选中的选项添加到右边，双击左边某个选项也能添加给右边，点击全部添加到右边的按钮能把左边都添加到右边去。 jquery代码： 代码如下: $(function(){ $('#add').click(function(){ var $option=$('#select1 option:selected'); $option.appendTo('#select2'); })...
今天这篇文章向大家展示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).ad...
下面这些网站使用了各种各样的幻灯片效果，一起体验一下。大家如果想实现精美的 jQuery 幻灯片效果，可以参考这篇文章：60款很酷的 jQuery 幻灯片演示和下载。 x-doria Pure Pleasure Design neve / hawk Hufton + Crow Atelier rdio Olly Sorsby Studio Chirpy Aveillant Level Planoform The Kitchen The Barrelhouse Flat Exsud Creative Ludlow Kingsley Indesit Regent College Doberman Ghost Horses Go...
代码如下: $(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对象，在删除后，删除的对象还是缓存存在的，在进一步做其他操作的时候，缓存对象清除
我们有时候需要实现这样一种功能：点击一个按钮，然后在按钮的下方显示一个div。当按钮位于角落时，div的位置设定就需要调整，不然，div将显示不完全。 我打算使用offset()方法实现此功能，但要先弄清楚他的功能。 offset()的top是指元素与document的上边的距离，而不是浏览器当前窗体的上边缘，如图1。图1：document高度超过window，浏览器出现滚动条，滚动滚动条，提交按钮的offset不变。图2：document中的div有滚动条，提交按钮...
表格：合并单元格 参考示例：合并单元格 调用方法：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); }
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...
一、官方网站下载：http://jquery.com 二、引入JQuery文件库 下载完后不用安装，只需将文件导入页面中即可，即在中加入如下代码： 三、编写一个弹出对话框的简单应用。 代码如下: New Document $(document).ready(function(){ //$是JQurey程序的标志 alert("您好，欢迎来到JQuery世界!");}) 效果图如： 四、JQuery基本结构为： 代码如下: $(document).ready(function(){ //程序段 }) 类似于JavaScript代码：wi...
插件源码 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 给方法添加回调函...