abstrak：jQuery操作屬性的方法Query操作屬性其原理還是對(duì)DOM的操作通過(guò)對(duì)象的關(guān)系,對(duì)節(jié)點(diǎn)樹中的元素進(jìn)行操作的方法有以下幾種：1. addClass()該方法向被選中的元素中添加一個(gè)或多個(gè)類（多個(gè)類用空格隔開） 2.removeClass()該方法從給選中的元素中移除一個(gè)或者多個(gè)類
jQuery操作屬性的方法
Query操作屬性其原理還是對(duì)DOM的操作
通過(guò)對(duì)象的關(guān)系,對(duì)節(jié)點(diǎn)樹中的元素進(jìn)行操作的方法有以下幾種：
1. addClass()該方法向被選中的元素中添加一個(gè)或多個(gè)類（多個(gè)類用空格隔開）
2.removeClass()該方法從給選中的元素中移除一個(gè)或者多個(gè)類
3.attr()該方法設(shè)置或者返回被選中元素的屬性值
4. removeAttr()該方法從被選中的元素中移除屬性
5.hasClass()該方法檢查被選中的元素是否包含指定的class
6. toggleClass()該方法對(duì)被選中的元素進(jìn)行添加/刪除類的切換操作
設(shè)置內(nèi)容：
1.text()該方法返回或者設(shè)置被選中的元素的文本內(nèi)容
2.html()該方法返回或者設(shè)置被選中的元素內(nèi)容(類似innerHTML 可以包括html標(biāo)簽)
3.val()該方法返回或者設(shè)置被選中的元素的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery操作屬性的方法</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
.box{color: red;}
.main{font-weight: bold;font-size: 40px;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('p').addClass('box main')
$('p').removeClass('box main')
alert($('p').attr('title'))
$('p').attr('title','你好')
alert($('p').attr('title'))
$('button').click(function(){
$('img').removeAttr('src')
})
$('button').click(function(){
alert($('div').hasClass('one'))
})
$('button').click(function(){
$('span,b,p').toggleClass('color','red')
})
//alert($('span').text())
$('span').text('大家好，我是星辰')
$('b').text('hello world')
//alert($('p').html())
$('p').html('<h1>helloworld!<h1>')
//alert($('input').val())
$('input').val('我是被改變的元素的值')
})
</script>
<p title="content">php中文網(wǎng)</p>
<img src="images/1.jpg">
<button>點(diǎn)擊刪除圖片</button>
<div class="">你好</div>
<button>點(diǎn)擊</button>
<span>大家好，我是小師太</span><br>
<b>歡迎來(lái)到</b>
<p>php中文網(wǎng)</p>
<button>點(diǎn)擊切換</button>
<input type="text" value="我是元素的值">
</body>
</html>