JS获取设置值

最新推荐文章于 2024-06-20 08:52:46 发布

思维小刀

最新推荐文章于 2024-06-20 08:52:46 发布

阅读量601

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/fujian9544/article/details/90205932

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文介绍使用jQuery库进行网页元素操作的方法，包括设置样式、获取和修改元素内容等关键技巧。通过实例展示了如何选择特定的HTML元素，如input和div，并改变其背景颜色，以及如何更新页面上显示的文本。

获取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>