元素有关整理

最新推荐文章于 2021-08-11 18:56:04 发布

韫谦

最新推荐文章于 2021-08-11 18:56:04 发布

阅读量128

点赞数

本文链接：https://blog.csdn.net/zxh1134455360/article/details/102821105

版权

对元素内容操作

**
p66 例4-1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
	</head>
	<body>
		
		
		<div></div>
		<script type="text/javascript" >
			$(document).ready(function(){
				$("div").text("我是通过test（）方法设置的文本内容");
				
			});
		</script>		
	</body>
</html>

对html内容操作

p67 例4-2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div id="div1">
			<span id="clock">  当前时间 :2019</span>
		</div>
		<br />应用html（）方法设置的内容
		<div id="div2">
			<span id="clock">当前时间 :2019</span>
		</div>
		
		<script type="text/javascript">
			$(document).ready(function(){
				$("#div1").text("<span style='color:#FF0000'> 我是通过html()方法设置的内容</span> ");
				alert("通过test（）方法获取 ：\r\n "+$("div").text()+"\r\n 通过html（）方法获取：\r\n" +$("div").html());
			});
		</script>
	</body>
</html>

对元素值操作

p69 例4-3

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
	<select name="like" size="3" multiple="multiple" id="like">
		<option>列表项1</option>
		<option selected="selected">列表项2</option>
		<option selected="selected">列表项3</option>
	</select>
	<script type="text/javascript">
		$(Document).ready(function(){
			$("select").val(['列表项1','列表项2']);
			alert($("select").val());
		});
	</script>
</body>
</html>

向div元素插入节点

p72 例4-4

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
	 <div></div>
	 $(document).ready(function(){
	 var $p_1=$("<p>明日图书</p>");
	 var $p_2=$("<p>编程词典</p>");
	 $div =$("div");
	 $div.append($p_1);
	 $p_2.appendTo($div);
	});
</body>
</html>

韫谦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
元素有关整理

**对元素内容操作**p66 例4-1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.11.1.min.js">&...
复制链接

扫一扫