サマリー：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="前端課件/jQuery/jquery-3.3.1.min.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="前端課件/jQuery/jquery-3.3.1.min.js"></script>
<style type="text/css">
/*.box{color: red;}
.main{font-size: 24px;font-weight: bold;}*/
.bb{color: red;}
</style>
</head>
<body>
<script>
//jQuery的操作屬性其原理還是對(duì)于DOM的操作
//通過對(duì)象的關(guān)系，對(duì)節(jié)點(diǎn)樹中的元素的屬性進(jìn)行操作的方法有以下
//addClass()該方法向被選中的元素添加一個(gè)或多個(gè)類
//removeClass()該方法從被選中的元素中移除一個(gè)或多個(gè)類
//attr()該方法設(shè)置或者返回被選中元素的屬性值
//removeAttr()該方法從被選中的元素中移除屬性
//hasClass()該方法檢查被選中的元素是否包含指定的class
//toggleClass()該方法對(duì)被選中元素進(jìn)行添加刪除類的切換操作
//設(shè)置內(nèi)容
//text()該方法返回或者設(shè)置選中的元素的文本內(nèi)容
//html()該方法返回或者設(shè)置被選中的元素的內(nèi)容（類似innerHTML 可以包括html標(biāo)簽）
//val()該方法返回或者設(shè)置被選中元素的值
$(document).ready(function(){
// $('p').addClass('box main') //多個(gè)類空格隔開
// $('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('bb')
// })
// alert($('span').text())
// $('span').text('大家好 我是小西瓜')
// alert($('p').html())
$('p').html('<h1>helloworld!</h1>')
// alert($('input').val())
$('input').val('我是被修改的值')
})
</script>
<!--<p title="content">PHP中文網(wǎng)</p>
<img src="image/img.jpg" style="width: 300px;">
<button>點(diǎn)擊刪除圖片</button>
<div class="one">你好</div>
<button>點(diǎn)擊</button>-->
<span>大家好 我是小襪子</span>
<b>歡迎大家</b>
<p>php中文網(wǎng)</p>
<button>點(diǎn)擊切換</button>
<input type="text" name="" value="我是元素的值">
</body>
</html>主要學(xué)習(xí)到了控制class、控制屬性、控制文本元素內(nèi)容、控制值的方法，addClass()、removeClass()
一個(gè)是添加class一個(gè)是移除class，attr()、removeAttr()一個(gè)是設(shè)置返回屬性一個(gè)是移除屬性，hasClass()
是檢測(cè)是否存在class，返回值是true和false，toggleClass是添加和刪除class，text()返回或設(shè)置文本，html()返回或設(shè)置元素，val()是返回或設(shè)置值。