热门

最新

红包

立Flag

投票

同城

发布
ricec_
RiceC_
4 年前
truericec_

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>四月天</title>
<script src="jquery.js"></script>
</head>
<body>

<h1> 你是人间的四月</h1>
<p id="p2">笑响亮了四面风</p>
<p id="p3">轻灵在春的光艳中交舞看变</p>
<p id="p4">你是一月早天的云烟</p>
<p id="p5">黄昏吹着风的软</p>
<p id="p6">....</p>
<p id="p7">点击查看全部</p>

<script>
$('h1').click(function () {
$(this).css('color','blue');
})

$('p').click(function () {
$('#p').css({'font-size':'14px','line-height':'30px'})
})
$('p').click(function () {
$('#p7').css('color','purple');
})

</script>
<img src="图片.gif">

</body>
</html>
评论
点赞
打赏
  • 复制链接
  • 举报
下一条：
//jQuery的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery</title> <script src="jquery.js"></script><style> div{ height: 23px; height: 30px; }</style></head><body><input type="button" value="设置边框" id="btnOne"><input type="button" value="设置文本" id="btnTwo"><hr><div></div><br/><div></div><br/><div></div><script> $(document).ready(function () { $('#btnOne').click(function () { $('div').css('border','13px solid blue'); }); $('#btnTwo').click(function () { $('div').text('苍天饶过谁'); }); });</script></body></html>