摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>操作屬性</title> <script type="text/javascript" src="jquery-3.3.1.min.js">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>操作屬性</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
.box{color:red;}
.bb{color: red;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
// $('p').addClass('box')//addClass()添加類，多個用空格隔開
// $('p').removeClass('box')//removeClass()移除類
// alert($('p').attr(title))//返回元素屬性值
// $('button').click(function(){
// $('img').removeAttr('src')
// }) //removeAttr()移除元素屬性值
// $('button').click(function(){
// alert($('div').hasClass('one')) //hasClass()檢查元素是否含有指定class,返回值為布爾值
// })
// $('button').click(function(){
// $('span,b,p').toggleClass('bb')
// }) //toggleClass()添加切換class類
//$('span').text('hello world') //text()返回/設(shè)置元素文本內(nèi)容
//$('p').html() //html()返回元素內(nèi)容/標簽
//$('p').html('<h1>wowowo</h1>') //html()設(shè)置元素內(nèi)容
$('input').val('我是被修改過的') //返回/修改value的值
})
</script>
<!--<p title="content">PHP中文網(wǎng)</p>
<img src="images/1.jpg">
<button>點擊刪除圖片</button>
<div class="one">您好</div>
<button>點擊</button>-->
<span>大家好</span>
<b>歡迎你</b>
<p>PHP中文網(wǎng)</p>
<button>點擊切換</button>
<input type="text" name="" value="我是返回值">
</body>
</html>
總結(jié)：先獲取元素然后用方法設(shè)置屬性，click事件嵌套寫法有些繁瑣
$('button').click(function(){
$('img').removeAttr('src')
})