1.attr() 获取或者设置属性
<div class="demo" title="这是一个测试代码">attr方法 </div>
<script>
// attr() 获取匹配元素属性的值
var res = $('.demo').attr('title')
// attr() 设置匹配元素的属性值
$('.demo').attr('title','this is a test code') // 只修改一个属性值
$('.demo').attr({name:'code',id:'test'}) // 设置多个属性
</script>
2.removeAttr() 移除属性
<div class="demo" title="这是一个测试代码" id='test'>attr方法 </div>
<script>
$('.demo').removeAttr('id')
</script>
注意:只接受一个参数
3.addClass() 添加类名
<div id="demo"> 白日依山尽</div>
<script>
$(this).addClass('active')
</script>
4.removeClass() 移出类名的
<div id="demo" class='active'> 白日依山尽</div>
<script>
$(this).removeClass('active')
</script>
5.toggleClass() 当某个类名存在时则删除,不存在时则添加
<div id="demo"> 白日依山尽</div>
<script>
$('#demo').click(function(){
$(this).toggleClass('active')
</script>
6.html() 获取或者设置匹配元素的内容(包含标签)
<div class="content"><span>作者:王之涣</span><br>白日依山尽</div>
<script>
$(function(){
// html() 获取元素的内容 和JavaScript中的innerHTML相同的
var con = $('.content').html()
// console.log(con);
// html() 设置匹配元素的内容
$('.content').html('去<a href="http://jd.com" target="_blank">京东</a>网购')
})
</script>
7.text()
<div class="content"><span>作者:王之涣</span><br>白日依山尽</div>
<script>
$(function(){
// text() 获取元素的文本内容不包含标签 和JavaScript中innerText的相同的
var con = $('.content').text()
// console.log(con);
// text() 设置匹配元素的文本内容
$('.content').text('去<a href="http://jd.com" target="_blank">京东</a>网购')
})
</script>
注意:text()和html() 最大的区别,text()只处理文本内容,不能识别标签,而html() 方法可以识别标签
text()和html() 方法不能够用于获取或者设置表单标签的值,除了button和textarea这两个标签之外
8.val() 获取或者设置表单标签的值
<input type="text" id="user" value="zhangsan">
<script>
$(function(){
// val() 获取表单标签的值
var res = $('#user').val()
// console.log(res);
// val() 设置匹配元素的value值
$('#user').val('张三')
})
</script>
9.prop() 设置或者获取元素的属性值
10.removeProp() 移出属性