jq与js获取值操作

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>jq与js获取值操作</title>
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	<script>
		$(function() {
			//jquery通过id获取值
			console.log($("#nameText").val());
			//jquery通过name获取值
			console.log($("input[name=nameText]").val());
			//jquery通过class获取值
			console.log($(".nameText").val());
			//js通过id获取值
			console.log(document.getElementById("nameText").value);
			//js通过name获取值
			console.log(document.getElementsByName("nameText")[0].value);
			//js通过class获取值
			console.log(document.getElementsByClassName("nameText")[0].value);

			/*jq获取属性*/
			var temp1 = $("#divTest").css("width");
			//alert("开始修改背景颜色");
			/*jq修改属性*/
			$("#divTest").css("background", "red");
			/*js获取属性*/
			var temp2 = document.getElementById(\'divTest\').style.width;
			//alert("开始修改宽度");
			/*js修改属性*/
			document.getElementById(\'divTest\').style.width = "100%";
			console.log(temp1);
			console.log(temp2);
		})
		//	/**
		//	* 拓展资料：
		//	* var returna_date = $("input[name$=\'returna_date\']");//匹配所有name结尾为returna_date的数组
		//    *		for(var x=0; x<returna_date.length;x++){
		//    *		   alert($(returna_date[x]).val());
		//    *	     }
		//	  *	$("input[name^=\'news\']")         选择所有的name属性以\'news\'开头的input元素 
		//	  *	$("input[name$=\'news\']")         选择所有的name属性以\'news\'结尾的input元素 
		//	  *	$("input[name*=\'man\']")          选择所有的name属性包含\'news\'的input元素 
		//	  */
		</script>
	</head>

	<body>
	<div id="divTest" style="background: gold;width: 30%;">
		<input type="text" value="任秀兴" id="nameText" name="nameText" class="nameText" />
		<input type="text" value="JavaScript" id="nameText2" name="nameText" class="nameText" />
	</div>
	</body>

	</html>
更多精彩内容，请关注微信关注公众号 明叶师兄的学堂