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; 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>
更多精彩内容，请关注微信关注公众号 明叶师兄的学堂