<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.12.1.js"></script>
<script>
$(function(){
//1、设置内容
$("#divHtml").html("<b>nice to meet you</b>");
$("#divText").text("<b>nice to meet you</b>");
//2、获取内容
$("#divHtml").html();
$("#divText").text();
//3、设置input的value
// $("#input").attr("value", "老雷");
$("#input").val("老雷"); //和上面的等价
//val常用语获取和设置输入的值,即包含value属性的元素的值
//val可以设置多个值,利用数组
$("#mselect").val(["A", "C"]);
});
</script>
</head>
<body>
<div id="divText"></div>
<div id="divHtml"></div>
<input type="text" id="input"/>
<select id="mselect" multiple="multiple">
<option value="A" >AA</option>
<option value="B" >BB</option>
<option value="C" >CC</option>
<option value="D" >DD</option>
</select>
</body>
</html>
Jquery之获取和设置元素内容
最新推荐文章于 2023-06-15 00:53:11 发布