Jquery属性

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() 移出属性