????：<!DOCTYPE html>
<html>
<head>
<title>jQuery操作屬性</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.0.0/jqu
<!DOCTYPE html>
<html>
<head>
<title>jQuery操作屬性</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<style type="text/css">
.red {
color: red;
}
.bold {
font-weight: bold;
font-size: 40px;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('#red').click(function(){
$('p').addClass('red')//通過(guò)點(diǎn)擊id為red的標(biāo)簽為p標(biāo)簽添加class名為red的屬性值
})
$('#bold').click(function(){
$('p').addClass('bold')
})
$('#noRed').click(function(){
$('p').removeClass('red')//通過(guò)點(diǎn)擊id為noRed的標(biāo)簽為p標(biāo)簽刪除class名為noRed的屬性值
})
$('#noBold').click(function(){
$('p').removeClass('bold')
})
$('#alert').click(function(){
$('#attr').attr('title','php中文網(wǎng)的標(biāo)題被修改了')//通過(guò)點(diǎn)擊id為alert的標(biāo)簽修改id為attr的標(biāo)簽下title的屬性值
alert($('#attr').attr('title'))
})
$('#noTitle').click(function(){
$('#attrs').removeAttr('src')//通過(guò)點(diǎn)擊id為noTitle的標(biāo)簽去除id為attrs標(biāo)簽的src屬性
})
$('#hasClass').click(function(){
alert($('.one').hasClass('one'))//通過(guò)點(diǎn)擊id為hasClass的標(biāo)簽查看class為one的標(biāo)簽是否含有one這個(gè)class屬性值
})
$('#toggle').click(function(){
$('#color,.color1, #color2').toggleClass('red')//通過(guò)點(diǎn)擊id為toggle的標(biāo)簽來(lái)回切換id為color/class為color1/id為color2標(biāo)簽的顏色
})
$('#color').text('我內(nèi)容被被修改了')//text只能修改當(dāng)前標(biāo)簽的內(nèi)容
$('.color1').html('<h1>我不光內(nèi)容被修改了，標(biāo)簽也被修改了</h1>')//html既可以修改內(nèi)容，又可以修改標(biāo)簽元素
$('input').click(function(){
$(this).val('button')//通過(guò)點(diǎn)擊input標(biāo)簽改變當(dāng)前標(biāo)簽下的value屬性值為button
})
})
</script>
<p>php中文網(wǎng)</p>
<button id="red">變紅</button>
<button id="bold">變粗、變大</button>
<button id="noRed">取消變紅</button>
<button id="noBold">取消變粗、變大</button>
<hr>
<div id="attr" title="這里是php中文網(wǎng)的標(biāo)題">這里是php中文網(wǎng)</div>
<img id="attrs" src="images/1.jpg" width="20px">
<button id="alert">彈出修改后的標(biāo)題</button>
<button id="noTitle">去除src的值</button>
<hr>
<div class="one">hello world</div>
<button id="hasClass">點(diǎn)擊查看</button>
<hr>
<div id="color">這個(gè)字體會(huì)變色</div>
<p class="color1">我也會(huì)變</p>
<span id="color2">我還會(huì)變</span>
<button id="toggle">切換</button>
<hr>
<input value="點(diǎn)擊" type="button" name="">
</body>
</html>
