JQuery从头学起第三讲


Posted in Javascript onJuly 06, 2010
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQuery3.aspx.cs" Inherits="JQuery_1.JQuery3" %> 
<!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></title> 
<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function Get() { 
var v1 = $("#txt1").val();//获取文本框输入的值 
var v11 = $("#txt1").attr("value");//获取文本框输入的值,效果和上面方法一致 
var v2 = $("#txt2").val();//文本框输入的密码的值 
var v3 = $("input[name='ck']:checked").val();//获取checkbox勾上后的值, 
var v4 = $("#h1").val();//获取隐藏控件的值 
var v5 = $("input[name='rdo']:checked").val();//获取一组radio被选中的值 
var v6 = $("#ss").val();//获取下来框选中的value 
var v7 = $("select[name='s1'] option[value='" + v6 + "']").text();//选取下拉框选中的文本 
var v8 = $("select[id='ss'] option[value='" + v6 + "']").text();//选取下拉框选中的文本,上面是通过name来获取,这里是通过ID来获取,但这里的ID不能加# 
alert(v1+","+v2+","+v3+","+v4+","+v5+","+v6+","+v8) 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="text" id="txt1" /> 
<input type="password" id="txt2" /> 
男<input type="checkbox" id="ck1" name="ck" value="男" /> 
<input type="hidden" id="h1" value="www.54talk.cn" /> 
www<input type="radio" id="r1" name="rdo" value="www" /> 
54talk<input type="radio" id="r2" name="rdo" value="54talk" /> 
cn<input type="radio" id="r3" name="rdo" value="cn" /> 
<select name="s1" id="ss"> 
<option value="0">男</option> 
<option value="1">女</option> 
</select> 
<input type="button" onclick="Get()" value="取值"/> 
</div> 
</form> 
</body> 
</html>

以上DEMO中的代码是我一个个敲出来的,都经过测试,大家可以放心的使用。这个DEMO中主要加了对输入框的几种类型的取值,这也列举了取值的两种方式,DEMO中除了介绍了文本框的取值外还介绍了下拉框,单选框,多选框的取值,这里用到了复合属性选择器,需要同时满足多个条件时使用。不像文本框那么单纯,用个ID就可以获取到值。在获取select的value的时候也用个复合属性选择器就可以了,但是要获取下拉框的文本就要先得到value,再根据value去获取text。

今天这一讲就讲这么多,下一讲我们讲用JQuery来对这些常用控件赋值,因为我们在做页面初始化的时候,常常需要对某些控件进行初始化。

Javascript 相关文章推荐
如何将网页表格内容导入excel
Feb 18 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
JS中substring与substr的用法
Nov 16 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
vue组件实践之可搜索下拉框功能
Nov 25 Javascript
Postman动态获取返回值过程详解
Jun 30 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
vue 限制input只能输入正数的操作
Aug 05 Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 #Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 #Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 #Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 #Javascript
jquery 查找新建元素代码
Jul 06 #Javascript
jquery 3D球状导航的文章分类
Jul 06 #Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 #Javascript
You might like
php的控制语句
2006/10/09 PHP
php实现网站留言板功能
2015/11/04 PHP
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
JavaScript比较两个对象是否相等的方法
2015/02/06 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python实现统计英文单词个数及字符串分割代码
2015/05/28 Python
python实现比较两段文本不同之处的方法
2015/05/30 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
Python写出新冠状病毒确诊人数地图的方法
2020/02/12 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
迟到检讨书1000字
2014/01/15 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
继承公证书格式
2015/01/26 职场文书
商场收银员岗位职责
2015/04/07 职场文书