Lectura y escritura de texto en jq.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div></div>
		<h2></h2>
		<p></p>
		
		<input type="text" placeholder="这个属性不影响"/>
	</body>
</html>
	<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>


<script type="text/javascript">
	//重点  分清楚,什么是js变量! 什么是jq变量!!
	var div = document.querySelector("div");
	//js中 给标签写入数据
	div.innerHTML = "<a href='###'>百度</a>";
	div.innerText += "只能识别字符串!!!";
	//新数据覆盖旧数据!!!
	//怎么样才能让js对象,变为jq对象!!!
	//语法格式: $(js变量)
	$(div).css({
      
      
		width:300,
		height:100,
		backgroundColor:"pink"
	});
	
	//来jq中 文本的读写
	$("h2").html("<strong>加粗标签!要放假啦!!</strong>")
	$("h2").text($("h2").text() + "只能识别字符串!!"); //新数据覆盖旧数据!!
	//对标签文本取值
	console.log($("h2").text());
	//做文本拼接  首选就是  html()
	$("h2").html("新数据拼接" + $("h2").html());
	
	$("h2").css("background-color", "skyblue");
	
	//------------------------------------------------
	// val()  专门针对form表单系列的标签进行 取值 和  赋值操作!!
	$("input").val("给输入框标签赋值!!!")
	//取值也是val()
	console.log($("input").val());
</script>

inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/m0_54932975/article/details/123929587
Recomendado
Clasificación