abstract：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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-size:40px; font-weight:bold;} -->
.bb{color: red;}
</style>
</head>
<body>
<script>
$(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('bb')
//alert($('p').html())
//$('b').html('<h1>hello</h1>')
$('input').val('我是被修改的值')
})
//alert($('span').text(''))
//$('span').text('你好')
})
</script>
<!--<p title="content">php中文网</p> -->
<!--<img src="1.jpg">
<button>点击删除图片</button> -->
<!--<div class="one">你好</div>
<button>点击</button> -->
<span>大家好</span>
<b>来到</b>
<p>中文网</p>
<button>点击切换</button>
<input type="text" name="" value="我是元素的值">
</body>
</html>
<!--操作属性方法总结
获取并设置css类
addClass() 注意C为大写 添加
$(function(){
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
})
removeClass() 移除
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
});
</script>
toggleClass() 添加/删除 点击一次添加 再点击一次删除
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
});
</script>
css()
attr() 设置或返回
removerAttr（） 选中中移除
hasClass() 检查选中是否包含
text()
html()
val() 返回或设置被选中
-->
