jquery学习笔记�

框架基本信息框架的官方网站：www.jquery.comjquery解释：jquery是爪哇岛描述语言的类库，提供了大量的爪哇岛描述语言的类库和原料药，方便爪哇岛描述语言开发中文版中文参考手册：http://jquery-API-zh-cn . googlecode.com/SVN/trunk/index . html前台数据提交到后台演示：实例图

功能点：1.使用$(' #用户名)获取编号为用户名的框架对象。2.使用框架的get、ajax、load三个方法向后台提交数据。3.使用框架的removeClass和addClass方法修改样式4.encodeURI(用户名)将字符串转码，防止中文出现乱码，注意后台要用系统网络。HttpUtility。UrlDecode(字符串，编码)解码前台html:复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title script type=' text/jscript ' src=' http 3360 jquery-1。4 .2 .量滴js '/'边框-右侧-样式： 1;边框-底部-样式： 1;边框-左侧-样式： 1;边框-颜色： # FF0000}/样式脚本语言=' JavaScript '类型=' text/JavaScript '/ready页面加载完成时候调用$(文档)。就绪（函数(){ //注册Btn_ajax的单击事件事件$('#Btn_ajax ').单击(函数(){ //获取文本框的值var username=$('#UserName ').val()；//提交结果到服务器，可参见框架帮助手册$.ajax({ type: 'GET '，//输入的文字可能为中文需要进行中文参数格式转换url: 'jquerydemo1.aspx？m=' encodeURI(用户名)，成功：函数(callbackmsg) { $('#usertext ').html(callbackmsg)；} });}) //注册Btn_Get的单击事件事件$('#Btn_Get ').单击(函数(){ //获取文本框的值var username=$('#UserName ').val()；//提交结果到服务器，可参见框架帮助手册$.get('jquerydemo1.aspx？m=' encodeURI(用户名)，null，函数(callbackmsg){ $(' # user text ').html(callbackmsg)；}) }) //注册Btn_Loadhtml的单击事件事件$('#Btn_Loadhtml ').单击(函数(){ //获取文本框的值var username=$('#UserName ').val()；//提交结果到服务器，可参见框架帮助手册$('#usertext ').load('HTMLPage1.htm '，null，function(callbackmsg){ $(' # user text ')).html(callbackmsg)；}) }) //注册Btn_Loadquest的单击事件事件$('#Btn_Loadquest ').单击(函数(){ //获取文本框的值var username=$('#UserName ').val()；//提交结果到服务器，可参见框架帮助手册$('#usertext ').load('jquerydemo1.aspx？m=' encodeURI(用户名)，null，函数(callbackmsg){ $(' # user text ').html(callbackmsg)；}) }) //注册用户名的按键事件$(' #用户名')。keyup(function() { //如果值不为空则去掉样式定义变量值=$(这个).val()；如果(值！='') { $(这个)。移除类(' newstyle 1 ')} else { $(this).添加类(' Newstyle 1 ')} })})))/脚本/标题正文表单id=' form 1 ' runat=' server ' div请输入名称：输入id=' UserName ' type=' text ' class=' newstyle 1 '/br/输入id=' Btn _ Ajax '类型=' button '值=' Ajax '校验/br /输入id='Btn_Get '类型='按钮'值='获取'校验/br /输入id='Btn_Loadhtml '类型='按钮'值='加载'加载html/br/输入id='Btn_Loadquest '类型='按钮'值='加载'加载请求/br/div id='用户文本'/div/div/表单/正文/html服务器端代码：复制代码代码如下：受保护的无效页面_加载(对象发送方，EventArgs e) { if (HttpContext .当前请求。QueryString['m']！=null) { //将请求的数据通过GB2312解码字符串方法=系统网络。Httputity。网址解码(HttpContext .当前。请求。查询字符串['m']，编码GetEncoding(' GB2312 ')；//HttpContext .当前。响应。写入（方法'已经被验证！');回应end()；} }