本文介绍如何利用jQuery库来改变网页中指定元素的颜色和背景，并获取这些元素的位置信息。通过具体的HTML示例展示了如何选择元素并设置其样式属性，同时演示了如何通过JavaScript获取元素相对于页面的位置。
<html>
<head>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function(){
//访问匹配元素的样式属性。
$("p").css({ color: "#ff0011", background: "blue" });
var offset = $("#mm").offset();
alert(offset.left);
alert(offset.top);
});
</script>
</head>
<body>
<div id="a">
<input id="b" type="text" value="aa" />
<p class="selected" id="mm">Hello Again</p>
</div>
</body>
</html>
<head>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function(){
//访问匹配元素的样式属性。
$("p").css({ color: "#ff0011", background: "blue" });
var offset = $("#mm").offset();
alert(offset.left);
alert(offset.top);
});
</script>
</head>
<body>
<div id="a">
<input id="b" type="text" value="aa" />
<p class="selected" id="mm">Hello Again</p>
</div>
</body>
</html>
扫一扫
2332
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
