Jquery从头学起第四讲 jquery入门教程

今天主要讲的控件是radio，select，input，Label，Literal。这边服务器控件讲的比较少，主要是因为服务器控件一来可以在后台赋值，其次服务器控件在解析后也是也是html控件在平时写程序的时候，给radio赋值最头痛了。今天把这些控件的赋值做成DEMO,跟大家一起分享。复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Jquery4.aspx.cs" Inherits="JQuery_1.Jquery4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>JQuery给控件赋值 www.54talk.cn</title> <script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { alert("aa"); var v1 = "2"; var v2 = "2"; var v3 = "abc"; var v4 = "lab"; var v5 = "lit"; $("input[name='rdo'][value=1]").attr("checked", true); //这里的input 后面不能有空格，如果有空格，则不能赋值 //value后面不用引号 $("#s1").val(v2); $("#ipt").val(v3); $("#lab1").text(v4); //这里必须是html或者text如果用val()这不能显示任何内容 $("#lit1").html(v5); //这里不能显示任何东西，因为Literal在客户端不会解析成任何标签 //这里特意拿出来就是为了提醒大家 //<span></span>标签和Label是一样的 }); </script> </head> <body> <form id="form1" runat="server"> <div>  a<input type="radio" name="rdo" id="r1" value="0" /> b<input type="radio" name="rdo" id="r2" value="1" /> c<input type="radio" name="rdo" id="r3" value="2" />  <select id="s1"> <option value="0">11</option> <option value="1" selected="selected">22</option> <option value="2">33</option> <option value="3">44</option> </select>  <input type="text" id="ipt" /> <asp:Label ID="lab1" runat="server"></asp:Label> <asp:Literal ID="lit1" runat="server"></asp:Literal> </div> </form> </body> </html>

　　推荐阅读

　　jQuery的实现原理的模拟代码 -3 事件处理

在对象的私有扩展对象上，专门增加了一个名为 events 的事件管理对象，在这个对象上每种事件分别对应一个同名的属性，这个属性的值是一个数组，针对这个事件的处理程序依次压入这个数组中，构成一个事件处理的列表>>>详细阅读

本文标题：Jquery从头学起第四讲 jquery入门教程

地址：http://www.17bianji.com/kaifa2/JS/25940.html

1/2 1