<!DOCTYPE html>
<html> |
<head> |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> |
</script> |
<script> |
$(document).ready(function(){ |
$("button").click(function(){ |
$("p").css({"background-color":"yellow","font-size":"200%"}); |
}); |
}); |
</script> |
</head> |
<body> |
<h2>This is a heading</h2> |
<p style="background-color:#ff0000">This is a paragraph.</p> |
<p style="background-color:#00ff00">This is a paragraph.</p> |
<p style="background-color:#0000ff">This is a paragraph.</p> |
<p>This is a paragraph.</p> |
<button>Set multiple styles for p</button> |
</body> |
</html> |
时间： 2024-08-05 22:59:58