jQuery中访问和修改元素的属性值

1.jQuery操作属性
.html :双标签内容
.val :获取表单中表单项的值
.prop :获取表单元素的属性值,包含自定义的属性值
.attr :获取除了表单元素以外的属性值[即attr不能获取表单元素的属性值]
.data :获取以dat

	    $(function () {
        //.html :双标签内容
        console.log($('.box').html())
        //.val :获取表单中表单项的值
        $('#btn').on('click',function () {
            var val = $('input[name=username]').val();
            console.log(val)
        })

        //.prop :获取表单元素的属性值,包含自定义的属性值
        console.log($('img').prop('src'))

        //.attr :获取除了表单元素以外的属性值[即attr不能获取表单元素的属性值]
        console.log($('img').attr('src'))

        //.data :获取以data开头的自定义属性值,如果属性名data-abc,
        // data("属性名称"，“设置后的值”),如果没有使用第二个参数，则表示读取属性值
        var num = $('.box').data('index');
        console.log(num)