![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
文章平均质量分 56
苍羽
这个作者很懒,什么都没留下…
展开
-
利用jquery load 局部刷新数据
本文属于新手型的文章,也是新手写的文章,高手可以滤过,如果各位看了有什么意见,尽管提,小鸟虚心接受............. 都来拍砖吧。 在asp.net 的ajax中有updatepanel,但我不想用这个,就想到了jquery,看能否实现相同的功能,于是去搜索相关文章,但是也有人问,却没有给出完整的demo,但是jquery中有load方法可转载 2014-04-30 18:40:35 · 454 阅读 · 0 评论 -
JQuery中的选择器
在JQuery有一个特定的符号“$”,此符号的含义是将所有的对象转换为JQuery对象。比如简单的:$(function(){alert("zzz");});。明白这一点后对于JQuery选择器则能很好的理解。 1.样式选择器。在JQuery中常用到样式选择器,其含义是将所有使用此样式的标签都转换为JQuery对象进行操作。下面看简单的例子:转载 2014-04-24 15:06:45 · 194 阅读 · 0 评论 -
jQuery 生成下载文件
jquery.generateFile.js(function($){ // Creating a jQuery plugin: $.generateFile = function(options){ options = options || {}; if(!options.script || !options.filename || !options.cont转载 2014-04-25 15:21:53 · 521 阅读 · 0 评论 -
JQuery实现简单的QQ风格
ul { list-style-type: none; } .hander { background-color: Red; cursor: pointer; } .body { border转载 2014-04-24 15:01:41 · 318 阅读 · 0 评论 -
jquery 渐隐渐现效果
$("#msg").show("fast"); $("#msg").hide("slow"); $("#msg").fadeIn(); $("#msg").fadeOut();转载 2014-04-24 15:17:56 · 857 阅读 · 0 评论 -
DWR的注释(annotations)使用及反向调用(Reverse Ajax)
先说说注释语法,省掉dwr.xml。(自从用了java 5 之后,现在越看一堆堆的配置文件越烦,越来越喜欢注释方式来的直接简单了) 首先下载最新的稳定版本的dwr.jar文件放到你的工程中。(还有需要其它的吗?不需要了,dwr就是这么简单)然后在web.xml中添加如下一段 dwr-invoker org.directwebremoting.servl转载 2014-05-17 11:13:46 · 346 阅读 · 0 评论 -
Java DWR类文件中取得request、response、session的方法
在java文件中取得request、response、session可以通过HttpServletRequest request = org.directwebremoting.WebContextFactory.get().getHttpServletRequest(); HttpServletResponse response = org.directwebremoting转载 2014-05-17 11:17:16 · 371 阅读 · 0 评论 -
jQuery操作<input type="radio">
如下:北京天津南京扬州苏州 1、获取选中的radio的值:$("input[name='city']:checked").val(); 使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。 2、给指定值的radio设置选中状态:$("input[name='city'][valu转载 2014-06-04 15:50:27 · 438 阅读 · 0 评论 -
判断多个<input type="file">是否有已经选择好文件的
表单中有多个,提交表单时需要判断其中至少要有一个input已经选择好文件。 1 input type="file" name="uploadfile" contentEditable="false" style="width:80%">br>2 input type="file" name="uploadfile" contentEditable="false" style="wi转载 2014-06-04 16:12:38 · 1232 阅读 · 0 评论 -
使用ajax()方法和后台交互
ajax()方法是jQuery底层的ajax实现,通过HTTP请求加载远程数据。 1 $.ajax({ 2 type: "GET", 3 url: "handleAjaxRequest.action", 4 data: {paramKey:paramValue}, 5 async: true, 6转载 2014-06-04 16:15:16 · 403 阅读 · 0 评论 -
jQuery动态添加<input type="file">
有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能。DOCTYPE html>html> head> title>test.htmltitle> meta http-equiv="content-type" content="text/html; charset=UTF-8"> scri转载 2014-06-04 16:08:29 · 594 阅读 · 0 评论 -
jQuery操作<input type="checkbox">
: 2012欧洲杯"死亡之组"小组出线的国家队是: 德国 丹麦 荷兰 葡萄牙 1、小组第一名和第二名出线,所以要限制只能选两项。var len = $("input[name='nation']:checked").length;if(len==0) { alert("请选择出线的国家队!"); return false;}else转载 2014-06-04 16:05:00 · 397 阅读 · 0 评论 -
jQuery操作<select>
:夺得2008年欧洲杯冠军的国家是: 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。if($("#nation").val()=="") { alert("请选择国家");} 2、获取select中o转载 2014-06-04 16:07:43 · 320 阅读 · 0 评论 -
jquery ajax 局部刷新小案例
function getOtherMessage(){ $.ajax({ type:"post", url:"${pageContext.request.contextPath}/getOtherMessage.do", success:function(msg){ $("#view").html(msg); }, error:function(){ alert("wrong");转载 2014-06-17 09:14:12 · 547 阅读 · 0 评论 -
jquery ajaxSubmit 异步提交的简单实现
这篇文章主要介绍了jquery ajaxSubmit 异步提交的简单实现。需要的朋友可以过来参考下,希望对大家有所帮助前台js详细出处参考:http://www.jb51.net/article/47391.htm详细出处参考:http://www.jb51.net/article/47391.htm转载 2014-06-17 09:12:35 · 834 阅读 · 0 评论 -
jquery JSON的解析方式 详细出处参考:http://www.jb51.net/article/19366.htm
第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差。这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首转载 2014-06-17 09:16:21 · 1079 阅读 · 0 评论 -
jQuery 定时局部刷新(setInterval)
$(document).ready(function () { setInterval("startRequest()",1000); }); function startRequest() { $("#date").text((new Date()).toString()); }转载 2014-06-17 08:32:57 · 483 阅读 · 0 评论 -
JQuery实现注册按钮计时
var i = 10; function timers() { $(function() { if (i >= 0) { $("#timer").val("请认真阅读此协议" + i + "秒后可注册").attr("disabled", "disalbed");转载 2014-04-24 15:03:11 · 266 阅读 · 0 评论 -
JQuery中使用cookie记住背景颜色
$(function() { $("#tables td").click(function() { $("body").css("background-color", $(this).css("background-color")); $.cookie("background", $(this).css("ba转载 2014-04-24 15:00:44 · 445 阅读 · 0 评论 -
Java+Jquery+Json传值基础实例
JSON支持jar版本:原创 2014-05-08 17:09:09 · 440 阅读 · 0 评论 -
Google的Jquery地址
1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器,加载 jquery 时绝对不会比在你服务器上加载慢,本地服务器除外 : ) 3. 可以节省服务器流量,降低服务器带宽压力 可以使用两种方式引用 google code 的jquery 一、引用转载 2014-04-30 15:34:19 · 588 阅读 · 0 评论 -
JQUERY 表单异步提交
JQUERY 表单异步提交 $(document).ready(function() { $('#myform').submit(function(){ jQuery.ajax({ url: "AsynchronousForm.action", // 提交的转载 2014-04-30 15:54:47 · 431 阅读 · 0 评论 -
用Struts2+JQuery+Json局部刷新时数据的封装
1 $.ajax({ type:"POST", //提交方式 url:"login", //action的名称 data:params, //传递参数 success:function(response){ //回调函数 response是将整个页面的元素返回 $("#showArea").html(response);转载 2014-04-30 18:39:07 · 339 阅读 · 0 评论 -
灵活运用ajax的方法beforeSend改善用户体验
我们知道,开源框架jquery的API—— jquery.ajax中有一个方法beforeSend,用于在向服务器发送请求前添加一些处理函数。这是一个ajax事件,在ajax请求开始之前就被触发,通常允许用户修改XMLHttpRequest对象(比如说设置附加的头部信息),关于ajax事件的解释可参考文档:http://docs.jquery.com/Ajax_Events 这里我转载 2014-05-04 13:34:10 · 354 阅读 · 0 评论 -
JQuery的Ajax请求实现局部刷新 小案例
请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面。案例:如图, 我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新原理:局部刷新是刷新页转载 2014-05-04 16:29:26 · 521 阅读 · 0 评论 -
jquery加载页面的方法(页面加载完成就执行)
jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $转载 2014-05-05 09:35:47 · 328 阅读 · 0 评论 -
CSS实现 全屏 遮罩
现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学遇到这个问题后就抓破了头,无奈之下甚至想让IE8强制使用IE7的方式解析他的作品。其实我们有一个更好的方法,咱们用CSS转载 2014-05-05 15:36:50 · 1007 阅读 · 0 评论 -
jquery展开、收缩列表
jquery展开、收缩 // 收缩展开效果 $(document).ready(function(){ $(".box h2").toggle(function(){ $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); },function(){ $(this转载 2014-05-05 15:51:27 · 892 阅读 · 0 评论 -
Jquery.Form 异步提交表单的简单实例
1. 在你的页面里写一个表单。一个普通的表单,不需要任何特殊的标记:.代码如下:Name: Password: 在没有Jquery.Form组件的时候,提交表单,页面会进入阻塞模式,等待服务器端的响应。2. 引入jQuery和Form Plugin Javascript脚本文件并且添加几句简单的代码让页面在DOM加载转载 2014-05-05 11:34:41 · 501 阅读 · 0 评论 -
javascript记录页面位置,切换回来时依然停留在开始访问的地方
1、如果你的你有很多的页面,那么在访问当前页面的时候,中途又去看了别的页面,那么怎么让你返回的时候使页面依然停留在开始访问的位置呢?这里我用到的是scroll. 首先是写一个公共的记录页面滚动的方法可以理解为java里面的接口: scroll=(function(){ var list =[]; $(window).scroll(function(){ for转载 2014-05-05 15:13:23 · 1255 阅读 · 0 评论 -
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js转载 2014-05-06 14:44:12 · 1173 阅读 · 0 评论 -
Firefox下的Venkman调试器(上)
Firefox有自己的JavaScript脚本调试器Venkman。1、Venkman的安装 Venkman是Firefox的插件,使用前需要下载安装,而且需要在Firefox环境下安装。登录Venkman官方网站:http://www.mozilla.org/projects/venkman/,单击如图1.39所示的Download latest Venkman Java转载 2014-04-21 10:09:52 · 297 阅读 · 0 评论 -
jquery获取当前元素的坐标,页面跳转后还返回当前位置
1,获取对象实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。 2,获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。 3,获取对象元素的宽度(w转载 2014-05-06 08:27:25 · 884 阅读 · 0 评论 -
JQuery选择器中含有空格的注意事项
选择器中的空格也是不容忽视的,多一个空格或少一个空格也许会得到截然不同的结果。看下面这个例子,它的html代码如下: aa bb cc style="display:none;">ddeeff 使用如下的JQuery选择器分别获取它们。var $t_a = $('.test :h转载 2014-04-21 09:52:58 · 450 阅读 · 0 评论 -
JQuery加载并解析XML实例(用ajax函数读取并解析xml)
下面的是html文件的代码: new document $(function() { $("button").click(function(){ $.ajax({ url: 'ajax.xml', type: 'GET', dataType: 'xml', timeout: 1000, cache:f转载 2014-04-21 10:09:04 · 444 阅读 · 0 评论 -
指定CSS和JS文件的编码格式
zhi原创 2014-05-07 14:31:48 · 793 阅读 · 0 评论 -
jquery ajax 局部刷新小案例
function getOtherMessage(){ $.ajax({ type:"post", url:"${pageContext.request.contextPath}/getOtherMessage.do", success:function(msg){ $("#view").html(msg); }, error:function(){ alert("wrong");转载 2014-06-17 08:34:38 · 397 阅读 · 0 评论