JS獲取 設置值

獲取input

     $('input[name="a"]').css("background-color","red");

     必須是外面是單引號   裏面是雙引號  其他的都不行都搞不定!

     設置標籤$("div").css("background-color","red");直接設置雙引號就好!

     也可以如下      $("input[name=a]").css("background-color","red");

設置頁面顯示值

    $("p").text("Hello world!");    $("p").html("Hello <b>world</b>!")

    innerHTML, innerText是JS對象
    val(), html(), text()是jquery對象

   就是說 

   value()返回標籤值value值

   text()返回外部值

   html()返回裏面的代碼(包括標籤與值)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  	<select id="vv">
		<option value="1">aa</option>
		<option value="2">ggg2</option>
		<option value="3">aa</option>
		<option value="4">asssa</option>
		<option value="5">ggga</option>
  	</select>
  	<form>
		<div class="class">
			<input type="text" name="最內部" value="value">最內部
		</div>
  	</form>
</body>
</html>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script type="text/javascript">
	
	$("#vv option").eq(2).css("background-color","red");

	$('input[name="a"]').css("background-color","red");

	console.log($('.class input').val());
	console.log($('.class').html());
	console.log($('.class').text());

</script>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章