导读：书到用时方恨少，需要基础知识的时候，才悔恨自己没有总结学习好。前段时间调了好长时间的页面，突然发现自己之前不怎么在意的取值和赋值，真的是自己一个很薄弱的地方，有时候查半天都找不到一个对的，现在用自己的博客总结总结。以后直接查自己的博客，本篇博客纯属笔记性的文章。

一、基本取值和赋值

1.1，比较通用的方法：

$("#id").val();和document.getElementById("id").value、$("#id").text();

1.2，select 标签

<option value="1">测试</option>

$("#OneLevelOptions option:selected").attr("value");取到的是id：1

$("#OneLevelOptions option:selected").attr("text");取到的是文本：测试

注意，在select 中，一般在使用append属性前，会首先应用empty()。而html()则不必，前者为追加，后者直接替换。

1.3，span标签

$("#goodFields").html()

$("#goodFields").html(“赋值”)

1.4，清空

<div id="id">

测试

<span id="span">我们</span>

</div>

$("#id").empty();移除所有的内容，包括节点和文本，只剩下<div id="id"></div>

$("#id").html("");清空所有的内容，剩下<div id="id"><span id="span"></span></div>

二、其他常用属性

<span style="font-family:KaiTi_GB2312;font-size:18px;"><!doctype html>

<html>

	<head>

		<script>

			function changetext(){

				var test=document.getElementById("btn").value;

				if(test=="编辑"){

					alert("haven't changed");

					document.getElementById("btn").value="保存";

					return;

				}else{

					document.getElementById("btn").value="编辑";

					alert("have changed");

				}

			}

		</script>

	</head>

	<body>

		<input id="btn" type="button" value="编辑" onclick="changetext()"></input>

	</body>

</html> </span>

这个东西其实也是常用到的，就是一个按钮来回的换不同的执行效果。我以前都觉得我用不上，结果真就用上了。

三、常用的验证

3.1，邮箱验证

<span style="font-family:KaiTi_GB2312;font-size:18px;">function checkEmail(){

	var email = $.trim($("#email").val());

	if(email != "" && email != null){

		var reemail = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;

		if(reemail.test(email)){

		    return true;

	    }else{

	    	$("#checkEmail").text("邮箱格式不正确");

	    	return false;

	    }

	}else{

		$("#checkEmail").text("请输入邮箱");

	}

}</span>

3.2，手机号验证

<span style="font-family:KaiTi_GB2312;font-size:18px;">var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;

if(!myreg.test($("#phone").val()))

{

    alert('请输入有效的手机号码！');

    return false;

} </span>

四、总结

都是些很简单的东西，但开始写的时候，是真的不会。还有就是，抄人家的代码抄多了，一遇到传值，就上Ajax，其实效率真的非常低，接下来也要总结一下传值。

说起来，调了好几天的前台输入规范性问题，感觉给我更多的倒不是写了几个验证，而是一种对输入的规范、正确，以及对用户的一种引导思想。其实，写代码还是很好玩的。

[前端 2]常用的JQuery和Dom页面取值与赋值的更多相关文章

  1. jQuery 表单元素取值与赋值方法总结

    一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" clas ...

  2. jQuery对html元素取值与赋值

    以下总结了常用的jQuery选择器对html元素取值与赋值 Textbox:  var str = $('#txt').val(); $('#txt').val("Set Lbl Value ...

  3. jQuery设计思想之取值和赋值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jQuery radio|checkbox的取值与赋值

    文章简单即是美[我说的是技术博客] |--radio   |--checkbox   参考: http://blog.csdn.net/gd2008/article/details/6951208 h ...

  5. jQuery对html元素的取值与赋值实例详解

    jQuery对html元素的取值与赋值实例详解 转载  2015-12-18   作者:欢欢   我要评论 这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常 ...

  6. jQuery对表单元素的取值和赋值操作代码

    使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:$(“#keyword”).v ...

  7. jQuery对表单元素的取值和赋值操作代码（转）

    使用常规的思路:$("#keyword").value 取值是取不到的,因为此时$('#keydord')已经不是个element,而是个jquery对象,所以应该使用:$(&qu ...

  8. Jquery常用操作：checkbox、select取值，radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  9. html常用标签的取值和赋值操作

    我们在html页面当中,面对各种各样的标签,经常需要处理取值和赋值的问题,下面,就把常见的一些html标签元素的取值和赋值操作进行总结整理,以后备用. 1.button:改变button按钮上面的值, ...

随机推荐

  1. Objective-C中nil与release的区别与用法

    首先说一下他们两的作用,nil就是把一个对象的指针置为空,只是切断了指针与内存中对象的联系,它对内存的释放没有什么作用:而release才是真正用于内存释放的,release后系统会将该块内存标记为可 ...

  2. OAF_架构MVC系列4 - Control的概述（概念）

    2014-06-18 Created By BaoXinjian

  3. codeforces 336D. Vasily the Bear and Beautiful Strings 组合数学 dp

    题意: 给出n,m,g,求好串的个数 0 <= n,m <= 10^5,n + m >= 1,0 <= g <= 1 好串的定义: 1.只由0,1组成,并且恰好有n个0, ...

  4. RabbitMQ介绍3 - 运行和管理RabbitMQ

    安装.官方介绍:http://www.rabbitmq.com/download.html.一般产品环境会部署到Linux环境,但做为简单尝试,可以部署到Windows上(这里是部署介绍:http:/ ...

  5. 论Collision Detection的作用

    今天有空就仔细研究了一下Collision Detection的问题,以前总是弄不明白Continuous和Continuous Dynamic到底有什么区别,今天算是彻底弄明白了,官方文档说的太晦涩 ...

  6. Map的3种遍历[轉]

    Map<String, String> map = new HashMap<String, String>(); map.put("A", "AA ...

  7. 使用Git命令从Github下载代码仓库

    Github作为最大的开源代码仓库,也是作为版本控制工具,简直就是程序员的天堂,是一座挖掘不尽的宝藏.现在讲解一下如何把一个Github上的项目下载到本地,也就是在本地也建立一个项目仓库,以后进行项目 ...

  8. REDHAT6.2配置yum源（64位）（转载）

    From:http://www.dedecms8.com/db/php_bc/12322.html 1.删除redhat原有的yum rpm -aq|grep yum|xargs rpm -e --n ...

  9. 用R在字符串中提取匹配的部分

    例如在aaaa12xxxx中提取12,在参考了stackoverflow后比较方便的大致有以下几种方法: 利用sub跟gsub sub(".*?([0-9]+).*", " ...

  10. SQL Server 2005中的分区表（三）：将普通表转换成分区表(转)

    在设计数据库时,经常没有考虑到表分区的问题,往往在数据表承重的负担越来越重时,才会考虑到分区方式,这时,就涉及到如何将普通表转换成分区表的问题了. 那么,如何将一个普通表转换成一个分区表 呢?说到底, ...