Question

jquery 按钮切换问题

我想做一个按钮名为“放大” 和一段10px的文本 按钮点击后 后面的文本字体放打为20px 按钮名变为“缩小” 再点击后 文本字体变回10px 按钮名变回“放大” 一直循环 请问大概代码要怎么写？ jquery

Answer 1

很简单啊
可以用toggle方法来绑定，但是在jquery1.9的版本之后就不支持这种点击在几个函数之间切换的toggle使用方法，所以还是自己写比较可靠。
<p style="width:10px;" id="txt">XXXXX</p>
<input type="button" id="btn" value="放大"/>
<script type="text/javascript">
$(document).ready(function(){
var i=0;

$("#btn").click(function(){
if (i==0){

$("#txt").attr("width","20px");
$(this).val("缩小");

i++;

}else{

$("#txt").attr("width","10px");

$(this).val("放大");

}

});

});
</script>