jquery的问题，请教！

Question

<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function () {
    $(".btnAdd").button().click(function () { alert("DataGridView末尾增加一行") });
  });
</script>
把<a class="btnAdd" href="#">增加</a>变成按钮后，按钮太大了，怎么调小一些？要求通过jquery的方法，而不是自己给a标签写样式

Answer 1

这个变成按钮也是你的样式控制的，你的class='btnAdd'这个样式控制的。

Answer 2

<a href="#" style="background-image:url(XXX.gif);display:inline-block; width: 10px;height=10px">增加</a>

Answer 3

通过jquery也是通过改样式让其变小
还不如直接在class='btnAdd'中设置

Answer 4

<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function () {
  $(".btnAdd").button().css({width:"150px"},{height:"30px"}).click(function () { alert("DataGridView末尾增加一行") });
  });
</script>