使用JS操作页面元素属性

1、如何用jquery动态改变输入框的readonly属性

$('input').attr('readonly','readonly');//添加readonly属性
           $('input').removeAttr('readonly');//移除readonly属性

$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly
           $('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性

2、js中设置、取、修改、删除，自定义属性的值

<div class="div-info" testAttr="myAttr" testAttr2="haha">

          </div>

 

1、js中设置自定义属性。

例如：$(".div-info").attr("testAttr3","houhou");

结果：给div设置了新的自定义属性testAttr3，值为houhou

<div class="div-info" testAttr="myAttr" testAttr2="haha" testAttr3="houhou">

           </div>

2、js中获取自定义属性值。

例如：$(".div-info").attr("testAttr");

结果：取到testAttr的值为：myAttr

3、js中修改自定义属性值。

例如：$(".div-info").attr("testAttr","newAttr");

结果：将testAttr的值修改为newAttr

<div class="div-info" testAttr="newAttr" testAttr2="haha">

            </div>

4、js中删除自定义属性。

例如：$(".div-info").removeAttr("testAttr");

3、