<html>
<head>
<style type="text/css">
.high{
font-weight:bold;
color: red
}
.another{
font-style:italic;
color:green
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function()
{
$("input:eq(0)").click(function()
{
alert($("p").attr("class"));
});
$("input:eq(1)").click(function()
{
$("p").attr("class","high");
});
$("input:eq(2)").click(function()
{
$("p").addClass("high");
});
$("input:eq(3)").click(function()
{
$("p").removeClass("high");
});
$("input:eq(4)").click(function()
{
$("p").removeClass(); //刪除全部的class屬性的值
});
$("input:eq(5)").click(function()
{
//class的值有another則刪除another，若沒有則添加another
$("p").toggleClass('another');
});
$("input:eq(6)").click(function()
{
//alert($("p").hasClass('another')); //判斷class的值裡是否有another
alert($('p').is('.another'));
});
});
</script>
</head>
<body>
<input type="button" value="button1">
<input type="button" value="button2">
<input type="button" value="button3">
<input type="button" value="button4">
<input type="button" value="button5">
<input type="button" value="button6">
<input type="button" value="button7">
<p title="hello world" class="hello">您認為java好不好呢？</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特別好</li>
<li title="5">太好了</li>
<li title="6">好的無法描述了</li>
</ul>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
