代码如下: "http://www.w3.org/TR/html4/strict.dtd"> jQuery背景墙聚光灯效果代码 $(window).load(function(){ var spotlight = { // the opacity of the "transparent" images - change it if you like opacity : 0.2,/*the vars bellow are for width and height of the images so we can make the same size */ imgWidth : $('.spotlightWrapper ul li').find('img').width(), imgHeight : $('.spot...
代码如下:$.ajax({ url : deliveryWarrant/update.do, data : $(#myform).serialize(), type : "POST", success : function(data) { var res = eval(( + data + )); if (res && res.success == true) { alert(res.message); location.href="/form.php?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val(); } else { alert(res.message); ...
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。代码如下:jQuery.prototype.each=function( fn, args ) { return jQuery.each( this, fn, args ); } 让我们看一下jQuery提供的each方法的具体实现，jQuery.each(obj,...
jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。原型如下： jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例： 服务器脚本，返回JSON数据：代码如下:// $.getJSON.php$arr=array("name"=>"zhangsan", "age"=>20); $jarr...
第一种方案：代码如下:$(document).ready(function() { $.ajax({ url: 'http://www.test.net/cgi/test.xml', dataType: 'xml', success: function(data){ //console.log(data); $(data).find("channel").find("item").each(function(index, ele) { var titles = $(ele).find("title").text(); var links = $(ele).find("link").text(); console.log(titles+'-----'); $("#noticecon").find('ol').appe...
checkbox操作 1. 全选、全不选 2.打印所有的选中项目// 全选、全不选function docChkBoxChange(){var isChecked = jQuery('#docChkBoxTop').attr('checked');// 设置以下所有的 checkBox 列表jQuery("input[name=docChkBox]").each(function(){this.checked = isChecked;});}//end function// 打印所有的选中项目function printChoose(){var isChecked = jQuery('#docChkBoxTop').attr('checked');// 设置以下所有的 checkBox 列表...
大家在作分页时，多数是在后台返回一个导航条的html字符串，其实在前端用js也很好实现。 调用pager方法，输入参数，会返回一个导航条的html字符串。方法的内部比较简单。代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, Index)使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) {var intPage = 7; //数字显示var intBeginPage = 0;//...
代码如下:$(#form).form({url : test/add.do,onSubmit : function() {parent.$.messager.progress({title : 提示,text : 数据处理中，请稍后....});var gridValid = endEdit();// 子表退出编辑验证if (!gridValid) {parent.$.messager.progress(close);return false;}var isValid = $(#form).form(validate);if (!isValid) {parent.$.messager.progress(close);return false;}// 将子表中添加修改删除的数据写入隐藏inputaccept();...
offset()方法的定义和用法: 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一: $(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码:*{margin:0px;padding:0px; } .father{border:1px solid black;width:400px;height:300px;padding:10px;margin:50px; } .children{height:150px;width:200px;margin-left:50px;background-c...
jQuery Mobile是客户端代码，但其基于ajax技术与服务器端交互。因此拥有一个Web Service，才能更好的体验jQuery Mobile的功能。这里不打算介绍Web Service的搭建过程，朋友们可以根据自己的实际需要自行搭建。示例一：jqueryMoblie图标定位图标:顶部右侧底部左侧底部文本演示图：示例二：可折叠块点击我 - 我可以折叠！我是可折叠的内容。页脚文本演示图示例三：可折叠集合点击我 - 我可以折叠！我是可折叠的内容。点击我 - 我可以...
jQuery Mobile是客户端代码，但其基于ajax技术与服务器端交互。因此拥有一个Web Service，才能更好的体验jQuery Mobile的功能。这里不打算介绍Web Service的搭建过程，朋友们可以根据自己的实际需要自行搭建。示例一： <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquer...
offset()方法的定义和用法: 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一: $(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"><style type="text/css"> *{margin:0px;padding:0px; } .father{border:1px solid black;width:400px;height:300px;padding:10px;m...
大家在作分页时，多数是在后台返回一个导航条的html字符串，其实在前端用js也很好实现。 调用pager方法，输入参数，会返回一个导航条的html字符串。方法的内部比较简单。代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, Index)使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) { var intPage = 7; //数字显示 var intBeginP...
checkbox操作 1. 全选、全不选 2.打印所有的选中项目<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title> </title><script type="text/javascript" src="jquery-1.3.2.js"></script><script>// 全选、全不选function docChkBoxChange(){var isChecked = jQuery(#docChkBoxTop).attr(checked);// 设置以下所有的 checkBox 列表jQuery("input[name=docChk...
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。代码如下:jQuery.prototype.each=function( fn, args ) { return jQuery.each( this, fn, args ); } 让我们看一下jQuery提供的each方法的具体实现，jQuery.each(obj,...