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


Posted in Javascript onAugust 01, 2010

今天主要讲的控件是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>
Javascript 相关文章推荐
jquery下实现overlay遮罩层代码
Aug 25 Javascript
深入理解JavaScript 闭包究竟是什么
Apr 12 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
window resize和scroll事件的基本优化思路
Apr 29 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
js密码强度校验
Nov 10 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
关于jquery动态增减控件的一些想法和小插件
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 #Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 #Javascript
jQuery对象[0]是什么含义?
Jul 31 #Javascript
动态调用CSS文件的JS代码
Jul 29 #Javascript
date.parse在IE和FF中的区别
Jul 29 #Javascript
You might like
PHP clearstatcache()函数详解
2010/03/02 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
php删除指定目录的方法
2015/04/03 PHP
php实现购物车功能(下)
2016/01/05 PHP
JavaScript常用小技巧小结
2014/12/29 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
2017/08/25 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
python队列queue模块详解
2018/04/27 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
美国零售商店:Blue&Cream
2017/04/07 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
人事主管的岗位职责
2013/11/16 职场文书
音乐学个人的自荐书范文
2013/11/26 职场文书
小学教学随笔感言
2014/02/26 职场文书
村干部承诺书
2014/03/28 职场文书
环境保护标语
2014/06/20 职场文书
浅谈MySQL函数
2021/10/05 MySQL
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏