<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.p3{
color: gold;
}
.p2{
font-size: 20px;
}
</style>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
//attr方法 獲取屬性值
/*var $attr = $('p').attr('id');
console.log($attr);*/
//attr方法 設(shè)置屬性值
//$('p').attr('name','hello');
//通過attr 方法 給標(biāo)簽添加多個屬性
使用 大括號包裹多組 每組屬性使用逗號分隔淳衙，屬性名和屬性值之間用冒號分隔
$('p').attr({'id':'one',
'name':'hello',
'class':'yuan'})
//removeAttr()移除標(biāo)簽的屬性
//$('p').removeAttr('class');
addClass() 給標(biāo)簽添加類名 給標(biāo)簽增加新的類名围肥，而不是覆蓋類名
//$('p').addClass("p3")
//hasClass() 判斷標(biāo)簽是否具備某個類名
返回值為 true false
/*var $bool = $('p').hasClass('p4');
console.log($bool);*/
//removeClass()移除某個類名
/*$('p').removeClass('p3')*/
//toggleClass 根據(jù)當(dāng)前標(biāo)簽是否有某個類名没卸，判斷是添加還是刪除該類名;
$('p').toggleClass('p3');
例子：點擊按鈕交換顏色
$('button').click(function(){
//每次點擊按鈕 變換顏色
$('p').toggleClass('p3');
});
})
</script>
</head>
<body>
<p id="p1" class="p2 p3">一只烏鴉口渴了</p>
<button>切換顏色</button>
</body>
</html>
