JQuery
文章平均质量分 69
lhb739921140
这个作者很懒,什么都没留下…
展开
-
jQuery用法和结合struts2.0使用
一、jQuery的基本用法: 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等,jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScrip...原创 2010-01-29 12:48:34 · 95 阅读 · 0 评论 -
jQuery对select操作小结
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($...原创 2010-12-07 16:16:52 · 76 阅读 · 0 评论 -
jqmodal遮罩层的实现
前些天公司的项目中,为了一些特效,要用到遮罩效果。了解了一下,据说jqModal这个插件不错,于是花了一些工夫,学习了一下jqModal这个插件,最终在项目中得到了应用。现在就将jqModal这个插件的使用方法总结一下,希望能够帮助到以后的使用者,^-^。本篇主要说明一下插件使用中几个要注意的地方。首先看看最简单的html代码,以下就是我们要弹出的遮罩层。<div class="po...原创 2011-03-29 15:24:21 · 136 阅读 · 0 评论 -
解决flexgrid的属性showToggleBtn为false,时的bug
采用flexgrid插件时,当属性showToggleBtn为false,时的IE浏览器报错,经过调试,发现jquery.js报错,最后换了个高版本的jquery,问题解决。原创 2011-03-29 17:42:56 · 144 阅读 · 0 评论 -
jquery1.4后 jqDrag 拖动 不可用
复制代码 代码如下:(function($){ $.fn.jqDrag=function(h){return i(this,h,'d');}; $.fn.jqResize=function(h){return i(this,h,'r');}; $.jqDnR={dnr:{},e:0, drag:function(v){ if(M.k == 'd')E.css({left:M.X+v.pag...原创 2011-04-06 14:28:24 · 175 阅读 · 0 评论 -
jquery的table操作之在指定行后添加新行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus&qu原创 2011-12-30 16:02:45 · 801 阅读 · 0 评论 -
JQuery获得绝对,相对位置的坐标方法
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').pos...原创 2012-01-06 10:57:47 · 123 阅读 · 0 评论 -
jQuery EasyUI 可拖放(Draggable)用法
jQuery EasyUI可以方便实现很多功能,这里将会介绍一下可拖动(Draggable)的具体用法,jQuery EasyUI不仅可以轻松实现DOM元素的拖动,而且可以使用一些参数让它的使用更加灵活,我们来通过一个小例子来学习一下这些参数: HTML代码如下:<div id="dd" style="width:100px;height:100px;border:1px s...原创 2012-01-06 11:01:07 · 212 阅读 · 0 评论 -
jquery.ui.draggable中文文档
[原文翻译]JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标.所有的回调函数...原创 2012-01-06 11:02:06 · 96 阅读 · 0 评论 -
jQuery-Draggable参数介绍
默认设置值:$.extend($.ui.draggable, {version: “1.7.1″,eventPrefix: “drag”,defaults: {addClasses: true,appendTo: “parent”,axis: false,cancel: “:input,option”,connectToSortable: false,con...原创 2012-01-06 11:02:45 · 124 阅读 · 0 评论 -
模拟超链接单击事件
js脚本 function aClick(){ $("#aaa").click(function(){ window.open($(this).attr("href"),$(this).attr("target")); return false; }); $("#aaa").click(); } html<a id="aa...原创 2012-01-06 14:06:41 · 268 阅读 · 0 评论 -
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID
query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)$(document.getElementById('iframeId')...原创 2011-11-25 17:58:16 · 288 阅读 · 0 评论 -
jquery imgareaselect 使用利用js与程序结合实现图片剪切
/* 缺陷,当前在ff3下,用jquery的 width()与height()函数,在不设置图片的宽度与高度的时候,不能取到 需要在图片load函数里面初始化才可以 */ sanshi_imgareaselect = function(pic_id,view_div_id){ this.pic_obj = jQuery("#"+pic_id); this.pic...原创 2011-03-12 12:17:32 · 93 阅读 · 0 评论 -
240多个jQuery插件
网上看到的一些jQuery插件,一共有240个,记录下来,以后有机会慢慢研究下。希望这些jQuery插件也能够给你的开发工作带来方便。文件上传(File upload)jQUploader.Multiple File Upload plugin. Styling an input type file.Progress Bar Plugin.表单验证(Form Validation...原创 2011-02-14 09:12:11 · 64 阅读 · 0 评论 -
使用 jQuery 简化 Ajax 开发
jQuery 是一个JavaScript 库,它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery 具有独特的基本原理,可以简洁地表示常见的复杂代码。学习 jQuery 基本原理,探索其特性和功能,执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。<...原创 2010-01-29 14:33:27 · 72 阅读 · 0 评论 -
Jquery struts2 json 实现ajax
详见附件原创 2010-02-02 18:37:00 · 73 阅读 · 0 评论 -
JQuery的serialize方法
JQuery的serialize方法使用ajax时,常常需要拼装input数据为’name=abc&mail=aa@test.com′这种形式,用JQuery的serialize方法可以轻松的完成这个工作。<form id="form1"> <input id="name" type="text" value="test"/> &l原创 2010-02-02 18:55:39 · 186 阅读 · 0 评论 -
jquery-autocomplete的用法及参数
var emails = [ { name: "Peter Pan", to: "peter@pan.de" }, { name: "Molly", to: "molly@yahoo.com" }, { name: "Forneria Marconi", to: "live@japan.jp" }, { name: "Master <em原创 2010-05-26 17:14:51 · 125 阅读 · 0 评论 -
jquery UI: 推荐8个独特应用的JQuery拖放插件Table Drag plugin
推荐8个独特应用的JQuery拖放插件 Web2.0很重要的一个特征就是交互性的强化,而拖放的引入,可以起到很好的交互效果,JQuery UI包已经包含了拖放,但拖放的应用不只应用于层的拖拉,接下来明河推荐几个独到的应用拖放的JQu...原创 2011-04-28 19:21:12 · 157 阅读 · 0 评论 -
10款新鲜出炉的 jQuery 插件
这篇文章与大家分享的是10款新鲜出炉的基于 jQuery 开发的 Ajax 插件,有幻灯片、图片画廊、菜单等很多有用的插件。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。1. Chrome Style jQuery Image Gallery一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件,在线演示2. Awkward Showcase使用这款插件可...原创 2011-06-08 18:14:45 · 74 阅读 · 0 评论 -
60款很酷的 jQuery 幻灯片演示和下载
jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。Cloud Carousel (演示 | 下载)ShineTime (演示 | 下载)Niv...原创 2011-06-08 18:17:01 · 79 阅读 · 0 评论 -
30个最佳 jQuery Lightbox 效果插件
Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。...原创 2011-06-08 18:19:45 · 147 阅读 · 0 评论 -
25个超棒的jQuery日历和日期选取插件
本文介绍25个非常不错的jQuery日历和日期选取插件,希望对各位有用。您也可以在jQuery给力插件大阅兵查找更多的jQuery插件。1. Simple JQuery Date Picker 下载地址:http://teddevito.com/demos/calendar.php2. Jquery Week Calendar 下载地址:https://github....原创 2011-06-08 18:23:20 · 408 阅读 · 0 评论 -
jqmodal遮罩层的实现
本篇主要说明一下插件使用中几个要注意的地方。首先看看最简单的html代码,以下就是我们要弹出的遮罩层。<div class="pop_box" id="pop"></div>接下来简单的看看jqModal遮罩层的样式:.pop_box { background-color:#79A5D1; display:...原创 2011-02-12 13:52:50 · 246 阅读 · 0 评论 -
JQuery 技术以及相关插件网址
官网: 技术资料: jQuery学习http://hyipaying.com(个人网址 : 技术交流群:116983258(满) 133865403) 插件:1、TimeagoTimeago这个jQuery插件可以将时间格式化成更人性化,更易读的格式。如可以将像“2009-11-11 15:33”这的时间戳自动转成“2分钟之前”或...原创 2011-02-12 14:08:18 · 68 阅读 · 0 评论 -
jquery.corner插件的图片角处理
http://www.malsup.com/jquery/corner/原创 2012-03-08 15:48:58 · 97 阅读 · 0 评论