您的位置：首页 > Web前端 > JQuery

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

2011-12-05 15:25 204 查看
对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' onclick="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航