jQuery实例6：对DOM的简单操作和对CSS的操作

最新推荐文章于 2024-09-17 10:24:19 发布

夜光寒

最新推荐文章于 2024-09-17 10:24:19 发布

阅读量538

点赞数

分类专栏： AJAX JavaScript 文章标签： jquery css function button

JavaScript 同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

AJAX

14 篇文章 0 订阅

订阅专栏

对DOM的操作

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">   
function sure(){
	$("<b>Hello</b>").insertBefore("#p1"); 
	$("#p1").after("<b>World</b>"); 
}; 
</script>
</head>

<body>
<p id="p1">这是一个段落</p>

<br/>在文字前面加上Hello，后面加上World<input type='button' οnclick="sure();" value="确定"/>
</body>
</html>

对CSS的操作

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">   
$(document).ready(function(){
	$("p").css({ "margin-left": "10px", "background-color": "blue" }); 
}); 
</script>
</head>

<body>
	<p id="p1">这是一个段落</p>
</body>
</html>