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

150 阅读 0 评论 99 点赞

我是靠谱客的博主自然香氛，最近开发中收集的这篇文章主要介绍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> 
<!--radio--> 
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--> 
<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--> 
<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> 