Jquery之访问元素内容

最新推荐文章于 2022-09-04 11:47:43 发布

Uno2

最新推荐文章于 2022-09-04 11:47:43 发布

阅读量375

点赞数

分类专栏： Jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/Raynaing/article/details/51285581

版权

Jquery学习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!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"]);
				
				//css()设置css属性，可以传递json用来设置多个属性\n
				$("#aBaidu").css({"border":"1px", "font-size":"10px"});
				//addClass();为其增加对应的css的class，如果要设置多个class，可用空格隔开即可
				$("#aBaidu").addClass("class1 class2");
				//removeClass();为其删除css的class属性，如果无参数，表示删除css的所有class属性（不推荐这样使用）
				
			});
		</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>

Uno2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery之访问元素内容

$(function(){ //1、设置内容 $("#divHtml").html("nice to meet you"); $("#divText").text("nice to meet you"); //2、获取内容 $("#divHtml").html(); $("#divText").text(); //3、设置input的valu
复制链接

扫一扫

专栏目录