《jQuery程序设计》实验指导书

jQuery试验指导书冯伟2023.02目录试验1：编写jQuery驱动页面并学会使用Firebug关心工具 1\l“_TOC_250006“试验2：利用jQuery选择DOM元素 4\l“_TOC_250005“试验3：jQuery大事 8\l“_TOC_250004“试验4：jQuery动画效果 13\l“_TOC_250003“试验5：利用jQuery实现DOM操作 18\l“_TOC_250002“试验6：利用AJAX发送数据 23\l“_TOC_250001“试验7：使用插件实现网页特效 31\l“_TOC_250000“试验8：开发jQuery插件 36101：编写jQuery驱动页面并学会使用Firebug关心工具一、试验目的：1jQuery驱动页面的方法2jQuery编辑和调试工具二、试验内容及步骤：<scriptsrc=“jquery.js“></script><script>$(document).ready(function{alert(“HelloWorld!“);});</script>编写第一个jQuery<scriptsrc=“jquery.js“></script><script>$(document).ready(function{alert(“HelloWorld!“);});</script>为课本第5页的HTML源代码编写CSS01.csjs文件“01.js“jQurey为页面中全部带有“.poem-stanza”类的div元素添加“.highlight”类。1、01.css中.highlight类：.highlight.highlight{background-color:#ccc;border:border:1pxsolid#888;font-style:italic;color:#fff;margin:0.5em0;padding:0.5em;}2、01.js参考代码：$(document).ready(function$(document).ready(function{$(”div.poem-stanza”).addClass(”highlight”);});三、Firebug试验在其次步的根底上实现以下操作：1、安装Firebug插件，并在IE扫瞄器中使用。2121-4；3、把页面中作者改为自己的名字；4、显示出页面中全部元素的ID和类名；5、将.highlight#01ffc除；7、为该页面的css 样式表添加一个样式规章，类名为.authorClas，样式为：color为#ff00ff;行高line-height为30px;字体大小为large；背景颜色为#00ccff8、使用把握台命令将类名为.author的div应用为“.authorClass”样式。三、作业提交01.css01.js一起打包为“姓名_01.rar”并上交。2jQueryDOM元素一、试验目的1$函数的使用23jQuery遍历DOM元素二、试验内容02.jsjQuery代码，以实现以下功能：为id 为“selected-plays”的无序列表ul 下的下顶级列表项增加“.horizontal”样式。#bbffaa将ID为“selected-plays”的ul下的奇数行列表项的背风光改为红色。为ID为“selected-plays”的非顶级项添加“.sub-level„Hamlet‟的tdbbffaa。转变含有classsub-levelli#bbffaa转变不包含子元素(或者文本元素)的td#bbffaa选取全部不行见的元素,利用jQuery中的show方法将它们显示出来,#00aabb为全部电子邮件链接添加“.mailto”类：〔提示：查找全部带href属性并且以mailto开头的锚元素〕为全部href属性以.pdf结尾的链接添加“.pdflink”类。为全部href“开头，并包括“henry的全部链接添加“henrylink”类。为页面中的表格每隔一行添加“.alt”样式。.highlight”类来突出显示任何一种剧名含有“亨利Henr的全部表格单元。利用jQuery对象转变表单内命令按钮的背景颜色为“#00ffaa”利用jQuery对象的val<input>元素的值为“搜寻条件”利用jQuery“#ff99cc”利用jQuery对象的textval猎取选中的值，显示出选中城市对应的区号。为页面中全部外部链接〔不包括mailto和链接到.pdf文件上的链接〕添加一个“.external”类。转变全部div#c8ebcID为”的类添加红色边框〔“2pxsolidred“);给位于表格第三列的全部单元格添加year类click方法，当单击命令按钮时，对话框显示第一个段落文本的节点名称和内容。click方法，当单击选中某个选项时，在不行用〔只读的，页面中的其次个〕的文本框中显示该城市的区号。三、作业提交：02.js打包为“姓名_02.rar”并上交。四、参考代码：//JavaScriptDocument$(document).ready(function{//1题为id为“selected-plays”的无序列表ul“.horizontal”样式$(“#selected-plays>li“).addClass(“horizontal“);//2#bbffaa$(“:header“).css(“background-color“,“#bbffaa“);//3ID为“selected-plays”的ul下的奇数行列表项的背风光改为红色$(“#selected-playsulli:even“).css(“background-color“,“red“);//第4题为IDselected-play.sub-leve”样式$(“#selected-playsli:not(.horizontal)“).addClass(“sub-level“);//5题转变含有文本‘Hamlettd元素的背风光为#bbffaa$(“td:contains(Hamlet)“).css(“background-color“,“#bbffaa“);//6class为sub-levelli元素的背风光为#bbffaa$(“li:has(.sub-level)“).css(“background-color“,“#bbffaa“);//7()的td空元素的背风光为#bbffaa$(“td:empty“).css(“background-color“,“#bbffaa“);//第8,利用jQuery中的show,并设置其背风光为#00aabb$(“div:hidden“).show.css(“background-color“,“#00aabb“);//$(“div:hidden“).css(“display“,“block“).css(“background-color“,“#00aabb“);//第9题为全部电子邮件链接添加.mailto”类$(”a[href^=“mailto:“]”).addClass(“mailto“);//10题为全部href.pdf结尾的链接添加“.pdflink”类$(”a[href$=“.pdf“]”).addClass(“pdflink“);//第11题href属性中henrhenrylink”类$(”a[href^=““][href*=“henry“]”).addClass(“henrylink“);//第12题为页面中的表格每隔一行添加.al”样式$(“tr:even“).addClass(“alt“);//第13题.highlightHenr〕表格单元$(“td:contains(Henry)“).addClass(“highlight“);//第14题利用jQuery对象转变表单内命令按钮的背景颜色为#00ffa”$(“input[type=”button”]“).css(“background-color“,“#00ffaa“);//15题利用jQuery对象的val方法转变表单内文本框<input>元素的值为“搜寻条件”$(”input[type=“text“]”).val(“搜寻条件“);//16题利用jQuery对象转变表单内可用文本框的背景颜色为“#ff99cc”$(“input:enabled[type=”text”]“).css(“background-color“,“#ff99cc“);//或者：$(“input:enabled:text“).css(“background-color“,“#ff9900“);//17题利用jQuerytext,用alert($(“#postoption:selected“).text+“的区号为“+$(“#postoption:selected“).val);//18题为页面中全部外部链接〔mailto.pdf文件上的链接〕添加一个“.external”类。$(”a”).filter(function{returnthis.hostname&&this.hostname!=location.hostname;}).addClass(”external”);//第19题转变全部div#c8ebcID为container”红色边框〔“2pxsolidred“);$(“div“).css(“background“,“#c8ebcc“).filter(“#container2“).css(“border“,“2pxsolidred“);//20year类$(“#container2table:firsttrtd:last-child“).addClass(“year“);//21题为命令按钮添加click方法，当单击命令按钮时，对话框显示第一个段落文本的节点名称和内容$(“input:button“).click(function{x=$(“p“).get(0);alert(x.nodeName+“:“+x.innerHTML);});//22题为下拉列表添加click方法，当单击选中某个选项时，在不行用〔只读的〕的文本框中显示该城市的区号。$(“#postoption“).click(function{$(“input:disabled:text“).val($(“#postoption:selected“).val);});});3：jQuery大事一、试验目的1234二、试验内容index.html页面原外观如下：3-1页面文件Index.html03.css03.jsjQuery代码，以实现以下功能：#afa，效果如下：3-2单击样式转换器时，能够折叠和扩展，效果如下：单击一下： 再单击：3-3模拟一次单击，以便开头时处以折叠状态jQuery代码，实现分别单击NarowColumn和LargePrintDefault时，页面又恢复〔按钮的样式也会跟着转变：效果如下：单击NarrowColumn时：单击LargePrint时：

3-43-5单击Default按钮时，页面又恢复原来状态〔效果图参见三、作业提交03.js打包为“姓名_03.rar”并上交。四、参考代码$(document).ready(function{$(document).ready(function{//在样式转换器按钮上启用悬停效果$(”#switcher”).hover(function{$(this).addClass(”hover”);},function{$(this).removeClass(”hover”);});//让样式转换器能够扩展和折叠vartoggleSwitcher=function(event){if(!$(event.target).is(”button”)){$(”#switcherbutton”).toggleClass(”hidden”);}};$(”#switcher”).on(”click”,toggleSwitcher);//模拟一次单击，以便开头时处以折叠状态$(”#switcher”).click;//setBodyClass.//样式转换器的状态也会被更.varsetBodyClass=function(className){$(”body”).removeClass.addClass(className);$(”#switcherbutton”).removeClass(”selected”);$(”#switcher-”+className).addClass(”selected”);$(”#switcher”).off(”click”,toggleSwitcher);if(className==”default”){$(”#switcher”).on(”click”,toggleSwitcher);}};//开头时先选中“switcher-default”按钮$(”#switcher-default”).addClass(”selected”);//Mapkeycodestotheircorrespondingbuttonstoclickvartriggers={D:”default”,N:”narrow”,L:”large”};//setBodyClass.$(”#switcher”).click(function(event){if($(event.target).is(”button”)){varbodyClass=event.target.id.split(”-”)[1];varbodyClass=event.target.id.split(”-”)[1];setBodyClass(bodyClass);}});//当按下相应的按键时调用setBodyClass.$(document).keyup(function(event){varkey=String.fromCharCode(event.keyCode);if(keyintriggers){setBodyClass(triggers[key]);}});});4：jQuery动画效果一、试验目的：1、把握常用的动画效果函数2、把握利用queue方法和回调函数实现并发和排队效果二、试验内容：【练习1】index.html页面原外观如下：4-1页面文件Index.html04.css04.jsjQuery代码，以实现以下功能：1BiggerSmaller按钮来为使用“speech”类的字号1.4倍，单击Default按钮来重置字号。readlesreadlessreadmor4-23animate方法实现同时滑动和淡入淡出。4-34<divid=‘switcher’>上的效果进展排队：0.54-4通过.animate将其移动到右侧通过.fadeTo将其渐增回完全不透亮4-5通过.slideUp隐蔽它把<divid=switcher的背景颜色修改为红色通过.slideDown再将其显示出来。4-65、1pxsolid#333滑上隐蔽。2】通过jQuery实现伸缩菜单的动画效果：当鼠标滑到〔见演示：三、作业提交：04.js打包为“姓名_04.rar”并上交。四、参考代码：1】$(document).ready(function{var$speech=$(”div.speech”);vardefaultSize=$speech.css(”fontSize”);$(”#switcherbutton”).click(function{varnum=parseFloat($speech.css(”fontSize”));switch(this.id){case”switcher-large”:num*=1.4;break;case”switcher-small”:num/=1.4;break;default:num=parseFloat(defaultSize);}$speech.animate({fontSize:num+”px”},”slow”);});var$firstPara=$(”p”).eq(1);$firstPara.hide;$(”a.more”).click(function{$firstPara.animate({opacity:”toggle”,height:”toggle”},”slow”);var$link=$(this);if($link.text==”readmore”){$link.text(”readless”);}else{$link.text(”readmore”);}returnfalse;});$(”div.label”).click(function{varparaWidth=$(”div.speechp”).outerWidth;var$switcher=$(this).parent;varswitcherWidth=$switcher.outerWidth;$switcher.css({position:”relative”}).css({position:”relative”}).fadeTo(”fast”,0.5).animate({left:paraWidth-switcherWidth},{duration:”slow”,queue:false}).fadeTo(”slow”,1.0).slideUp(”slow”,function{$switcher.css({backgroundColor:”#f00”});}).slideDown(”slow”);});$(”p”).eq(2).css(”border”,”1pxsolid#333”).click(function{var$clickedItem=$(this);$clickedItem.next.slideDown(”slow”,function{$clickedItem.slideUp(”slow”);});});$(”p”).eq(3).css(”backgroundColor”,”#ccc”).hide;});2】<scriptlanguage=“javascript“src=“jquery.js“></script><scriptlanguage=“javascript“src=“jquery.js“></script><scriptlanguage=“javascript“>$(function{$(”#navigationli”).each(function{//if(this.className.indexOf(“current_“)==-1){$(“#navigationa“).css(“left“,“-120px“);//不是当前页的移动到页面左侧外$(this).hover(function{$(“a“,this).animate({left:“0px“},“fast“);},function{$(“a“,this).animate({left:“-120px“},“fast“);});// }});});</script>5jQueryDOM操作一、试验目的：把握DOM元素属性操作的方法把握DOM元素的插入、移动、替换、删除和复制等操作find和each方法对DOM元素进展查找和遍历把握表单元素的操作二、试验内容：index.html页面原外观如下：5-1页面文件Index.html05.css05.jsjQuery代码，以实现以下功能：1、将段落中全部超链接地址中包含“wikipeda超链接更改属reltitle为具体包含链接目标，当鼠标悬停在“Pentagons”上时，显示“LearnmoreaboutPentagonsat为“wikilink-编号”，效果图如下5-22、在每段后插入超链接“backtotop”，使其跳转到页面顶端，效5-2。3、完成以下要求：将文中全部的标注移动到页面末尾r之前；为每个标注编号；在正文中标出提取脚注的位置，使用脚注的编号；在文本中的位置上创立一个指向对应脚注的链接，在脚注中创立返回文本位置的链接。效果图如下：5-34、完成以下要求：复制出文中突出引用l〕来强调小块的文本并吸引读者的眼球。对突出引用的内容中的<spanclass=“drop”>内容替换成“…”；去除突出引用中的内容的粗体；修饰突出引用，设置为立体阴影效果。效果图如下：5-4三、作业提交：05.js打包为“姓名_05.rar”并上交。四、参考代码：$(document).ready(function{$(document).ready(function{//Useattrtoaddanid,rel,andtitle.$(”div.chaptera[href*=“wikipedia“]”).attr({rel:”external”,title:function{return”Learnmoreabout”+$(this).text+”atWikipedia.”;},id:function(index,oldValue){return”wikilink-”+index;}});//Add“backtotop“links.$(”<ahref=“#top“>backtotop</a>”).insertAfter(”div.chapterp”);$(”<aid=“top“></a>”).prependTo(”body”);//Createfootnotes.var$notes=$(”<olid=“notes“></ol>”).insertBefore(”#footer”);$(”span.footnote”).each(function(index){$(this).before([”<ahref=“#footnote-”,index+1,”“id=“context-”,index+1,”“class=“context“>”,”^{”,index+1,”}</a>”].join(””)).appendTo($notes).append([” (<ahref=“#context-”,index+1,”“>context</a>)”].join(””)).wrap(”<liid=“footnote-”+(index+1)+”“></li>”);});//Stylepullquotes.$(”span.pull-quote”).each(function(index){var$parentParagraph=$(this).parent(”p”);$parentParagraph.css(”position”,”relative”);var$clonedCopy=$(this).clone;$clonedCopy.addClass(”pulled”).find(”span.drop”).html(”…”).end.text($clonedCopy.text).prependTo($parentParagraph).addClass(”rounded-top”).wrapInner(”<divclass=“rounded-bottom“></div>”);.wrapInner(”<divclass=“rounded-bottom“></div>”);});});6AJAX发送数据一、试验目的：1〔htmlJSON格式数据以及XML格式的数据〕的数据恳求及数据加载2GET、POST等技术向效劳器传递数据3AJAX从效劳器恳求不同的内容4二、试验内容：Index.html原页面如下：6-1页面文件Index.html06.css06.jsjQuery代码，以实现以下功能：1AJAXa.html文件，实现当单击“A”标签时，会在右侧显示“A”的词条。6-22AJAXb.json文件，实现当单击“B”标签时，会在右侧显示“B”的词条。6-33、利用AJAX访问c.jsC”标签时，会在右侧显示“C”的词条。6-44、利用AJAX访问d.xml侧显示“D”的词条。6-55asp效劳器+AccessjQueryAjAX效劳器数据的访问。创立Accessdb1.md据表“entrie创立e.asp文件，实现对数据库db1.mdb的访问。并更改EURL地址，并通过.getE项中的列表项文原来猎取e.asp文件的词条信息，并显示在id为dictionary层中，并利用“EAVESDROP”进展验证。单击“search”命令按钮，通过.get方法依据“F”项中的列表项文原来猎取e.asp文件的词条信息，并显示在id为dictionary层中。为了改善用户体验，实现当AJAX数据恳求加载过慢时，在恳求数据显示之前给出“Loading…”提示。修改“A”项，首先隐蔽了目标元素，然后开头加载。当成的元素。为E项增加错误处理：当访问的URL地址不存在或效劳器程序错误时，给出响应的提示。三、作业提交：将e.asp06.js打包为“姓名_06.rar”并上交。四、参考代码：06.js参考代码：$(document).ready(function{$(”#letter-aa”).click(function{$(”#dictionary”).hide.load(”a.html”,function{$(this).fadeIn(1500);});

});

});returnfalse;$(document).ready(function{$(”#letter-ba”).click(function{$.getJSON(”b.json”,function(data){varhtml=””;$.each(data,function(entryIndex,entry){html+=”<divclass=“entry“>”;html+=”<h3class=“term“>”+entry.term+”</h3>”;html+=”<divclass=“part“>”+entry.part+”</div>”;html+=”<divclass=“definition“>”;html+=entry.definition;if(entry.quote){html+=”<divclass=“quote“>”;$.each(entry.quote,function(lineIndex,line){html+=”<divclass=“quote-line“>”+line+”</div>”;”</div>”;

});if(entry.author){html+=”<divclass=“quote-author“>”+entry.author+}html+=”</div>”;}});

});

html+=”</div>”;html+=”</div>”;});$(”#dictionary”).html(html);});returnfalse;$(document).ready(function{$(”#letter-ca”).click(function{$.getScript(”c.js”);returnfalse;});})$(document).ready(function{$(”#letter-da”).click(function{$.get(”d.xml”,function(data){$(”#dictionary”).empty;$(data).find(”entry[part=“n.“]”).each(function{var$entry=$(this);varhtml=”<divclass=“entry“>”;html+=”<h3class=“term“>”+$entry.attr(”term”);html+=”</h3>”;html+=”<divclass=“part“>”+$entry.attr(”part”);html+=”</div>”;html+=”<divclass=“definition“>”;html+=$entry.find(”definition”).text;var$quote=$entry.find(”quote”);if($quote.length){html+=”<divclass=“quote“>”;$quote.find(”line”).each(function{html+=”<divclass=“quote-line“>”;html+=$(this).text+”</div>”;});if($quote.attr(”author”)){html+=”<divclass=“quote-author“>”;html+=”<divclass=“quote-author“>”;html+=$quote.attr(”author”)+”</div>”;}html+=”</div>”;}html+=”</div>”;html+=”</div>”;$(”#dictionary”).append($(html));});});returnfalse;});});$(document).ready(function{$(”#letter-ea”).click(function{varrequestData={term:$(this).text};$.get(”e.asp”,requestData,function(data){$(”#dictionary”).html(data);}).error(function(jqXHR){$(”#dictionary”).html(”Anerroroccurred:”+jqXHR.status).append(jqXHR.responseText);});returnfalse;});});$(document).ready(function{$(”#letter-fform”).submit(function(event){event.preventDefault;$.get(”e.asp”,{”term”:$(”input[name=“term“]”).val},function(data){$(”#dictionary”).html(data);});});});e.asp代码参考：<%varstrHtml=““;if(String(Request.QueryString(“term“))!=“undefined“&&String(Request.QueryString(“term“))!=““){strTerm=String(Request.QueryString(“term“));}varcmd=Server.CreateObject(“ADODBmand“);cmd.ActiveConnection = “Driver={Microsoft Access (*.mdb)};DBQ=d:\\web\\06\\data\\db1.mdb“;cmdmandText=“SELECT*FROMentries“;//cmd.Parameters.Append(cmd.CreateParameter(“param1“,200,1,20,strTerm));//adVarCharvarrs=cmd.Execute;Response.Charset=“gb2312“;while(!rs.EOF){”</div>”;

strHtml+=”<divclass=“entry“>”;strHtml+=”<h3class=“term“>”+rs.Fields.Item(“term“)+”</h3>”;strHtml+=”<divclass=“part“>”+rs.Fields.Item(“part“)+”</div>”;strHtml += ”<div class=“definition“>” + rs.Fields.Item(“definition“) +strHtml+=”</div>”;rs.MoveNext;}rs.Close;Response.Write(strHtml);%>试验7：使用插件实现网页特效一、试验目的：12JQueryUI插件库的使用二、试验内容：页面文件Index.html07.css07.jsjQuery代码，以实现以下功能：1、使用cycle插件实现网页图片的幻灯片播放，并要求幻灯片切30001000毫秒，鼠标进入时可以暂停播放。2、制作播放和暂停按钮，利用按钮来把握幻灯片的播放和暂停操作。6-13、利用Cookie实现在用户单击幻灯片的Pause按钮时保持暂停状态，当用户离开当前页面再返回时照旧保持暂停。4、假设当前页面上没有暂停的幻灯片，则单击“resume”按钮时，5、利用Resizable组件实现书名区域可以让用户任凭调整大小6-26、将‘pause’和‘resume’按钮设置按钮样式，如下：6.3三、作业提交：07.js打包为“姓名_07.rar”并上交。四、参考代码：//1//1$(document).ready(function{$(”#books”).cycle({

fx:”shuffle”,timeout:3000,speed:1000,pause:true,before:function{});//2

$(”#slider”).slider(”value”,$(”#booksli”).index(this));}});$(document).ready(function{$(”<divid=“books-controls“></div>”).insertAfter(”#books”);$(”<button>Pause</button>”).click(function(event){$(”#books”).cycle(”pause”);//event.preventDefault;}).appendTo(”#books-controls”);$(”<button>Resume</button>”).click(function{$(”#books”).cycle(”resume”);//returnfalse;}).appendTo(”#books-controls”);});//3$(document).ready(function{if($.cookie(”cyclePaused”)){$(”#books”).cycle(”pause”);}$(”<divid=“books-controls“></div>”).insertAfter(”#books”);$(”<button>Pause</button>”).click(function{$(”#books”).cycle(”pause”);$.cookie(”cyclePaused”,”y”);returnfalse;}).appendTo(”#books-controls”);$(”<button>Resume</button>”).click(function{var$paused=$(”ul:paused”);if($paused.length){$paused.cycle(”resume”);$.cookie(”cyclePaused”,null);});

}returnfalse;}).appendTo(”#books-controls”);//4$(document).ready(function{if($.cookie(”cyclePaused”)){$(”#books”).cycle(”pause”);}$(”<divid=“books-controls“></div>”).insertAfter(”#books”);$(”<button>Pause</button>”).click(function{$(”#books”).cycle(”pause”);$.cookie(”cyclePaused”,”y”);returnfalse;}).button({icons:{primary:”ui-icon-pause”}}).appendTo(”#books-controls”);$(”<button>Resume</button>”).click(function{var$paused=$(”ul:paused”);if($paused.length){$paused.cycle(”resume”);$.cookie(”cyclePaused”,null);}else{$(this).effect(”shake”,{distance:10,duration:80});}returnfalse;}).button({icons:{primary:”ui-icon-play”}}).appendTo(”#books-controls”);});//5$(document).ready(function{$(”#books.title”).resizable;});//6$(document).ready(function{if($.cookie(”cyclePaused”)){$(”#books”).cycle(”pause”);}}$(”<divid=“books-controls“></div>”).insertAfter(”#books”);$(”<button>Pause</button>”).click(function{$(”#books”).cycle(”pause”);$.cookie(”cyclePaused”,”y”,{expires:7});returnfalse;}).button({icons:{primary:”ui-icon-pause”}}).appendTo(”#books-controls”);$(”<button>Resume</button>”).click(function{$paused=$(”ul:paused”);if($paused.length){$paused.cycle(”resume”);$.cookie(”cyclePaused”,null);}else{$(this).effect(”shake”,{distance:10,duration:80});}returnfalse;}).button({icons:{primary:”ui-icon-play”,secondary:”ui-icon-heart”}}).appendTo(”#books-controls”);});8jQuery插件一、试验目的：1jQuery命名空间中添加的全局函数的方法2jQueryDOM元素3jQueryUI插件工厂创立完善的插件4、能够对外公布完工的插件二、试验内容：原页面如下：8-108.css已经给出，要求编写实现以下功能：1、 在myjQuery.js文件中编写.sum和average插件插件用于求和和求平均，并为插件指定命名空间mathUtil。208.js文件中调用.sumaverage插件进展计算表格中数量的和及价格的平均值，效果如下：8-23、 利用插件实现表头行和合计行的类的交换。4、分别编写无参和带参的插件实现阴影效果。5、使用无参的插件实现标题阴影效果。6、使用参数实现标题阴影效果，效果如下。8-3三、作业提交：myjQuery.js08.js打包为“姓名_08.rar”并上交。四、参考代码：myjQuery.js代码参考：(function($){$.mathUtils={sum:function(array){vartotal=0;$.each(array,function(index,value){value=$.trim(value);value=parseFloat(va