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