如何用jquery动态改变 input 输入框的readonly属性及CSS样式

样例 

<style type="text/css">
  .disable{background-color: #d2d2d2;}
</style>

<div class="layui-input-inline">
   <input type="number" id="demo" name="demo" class="layui-input disable" readonly ">
</div>

动态改变 readonly 

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

动态添加删除CSS样式

$("#demo").addClass("disable");    //追加样式
$("#demo").removeClass("disable"); //移除样式