jQuery属性

Posted 2021-12-01 yanghs

jQuery属性

attr():操作属性值为布尔值的属性

prop():专门操作属性值为布尔值的属性

 

/**
         * 1.读取第一个div的title属性
         * $(‘div:first‘).attr(‘title‘)
         * 2.给所有的div设置name属性(value为atguigu)
         * $(‘div‘).attr(‘name‘,‘atguigu‘)
         * 3.移除所有div的title属性
         * $(‘div‘).removeAttr(‘title‘)
         * 4.给所有的div设置为class=‘guiguclass‘
         * $(‘div‘).attr(‘class‘,‘guiguclass‘)
         * 5.给所有的div添加class=‘abc‘
         * $(‘div‘).addClass(‘abc‘)
         * 6.移除所有div的guiguClass的class
         * $(‘div‘).removeClass(‘guiguclass‘)
         * 7.得到最后一个li的标签体文本
         * $(‘div:last‘).html()//<span>BBBBB</span>
         * 8.设置第一个li的标签体为“<h1>mmmmmmm</h1>”
         * $(‘li:first‘).html(‘<h1>mmmmmm</h1>‘)
         * 9.得到输入框中的value值
         * $(‘:text‘).val()
         * 10.将输入框的值设置为atguigu
         * $(‘:text‘).val(‘atguigu‘)
         * 11.点击‘全选’按钮实现全选
         *  var $checkbox = $(‘:checkbox‘)
         $(‘button:first‘).click(function () {
            $checkbox.prop(‘checked‘,true)
        })
         $(‘button:last‘).click(function () {
            $checkbox.prop(‘checked‘,false)
        })
         */