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 $.ajax入门应用一
Nov 19 Javascript
jquery插件推荐 jquery.cookie
Nov 09 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
详解ES6 Symbol 的用途
Oct 14 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
javascript 易错知识点实例小结
Apr 25 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
在Angular项目使用socket.io实现通信的方法
Jan 05 Javascript
vue backtop组件的实现完整代码
Apr 07 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设计模式 Mediator (中介者模式)
2011/06/26 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
Node.js 条形码识别程序构建思路详解
2016/02/14 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
python中format()函数的简单使用教程
2018/03/14 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
python判断自身是否正在运行的方法
2019/08/08 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
实例讲解CSS3中的box-flex弹性盒属性布局
2016/06/09 HTML / CSS
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
数据库专业英语
2012/11/30 面试题
工程师岗位职责
2013/11/08 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
详解TypeScript中的类型保护
2021/04/29 Javascript
在Django中使用MQTT的方法
2021/05/10 Python
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript