jQuery中的属性设定

    <div id="div1" class="div2" name="我是div" index="1">我是div</div>
    <input type="checkbox" checked>

随便写写

    // 获取
    console.log( $('div').attr('class' ) )  //div2
    console.log( $('div').attr('name' ) )  //我是div
    console.log( $('div').attr('index' ) )  //1
    
    // prop获取其他属性,无法正确获取属性值
    console.log( $('input').prop( 'name' ) );  //空
    console.log( $('input').prop( 'index' ) );  //undefined

    // 设定
    $('div').attr('id' , '123');
    console.log( $('div').attr('id' ) )  //123

    // 删除
    $('div').removeAttr( 'index' );  
    console.log( $('div').attr('index' ) )  //undefined

    // 获取布尔属性
    console.log( $('input').attr( 'checked' ) );  //checked
    console.log( $('input').prop( 'checked' ) );  //tures