日期:2014-05-16  浏览次数:20374 次

jquery按钮效果实现

举个例子说:我有10个按钮
分别为  <div class="box" id="box_1"><input type="botton" onclic="update(1)"></div>
<div class="box" id="box_2"><input type="botton" onclic="update(2)"></div>
<div class="box" id="box_3"><input type="botton" onclic="update(3)"></div>
<div class="box" id="box_4"><input type="botton" onclic="update(4)"></div>

......
function update(id)
{
 var id=id;
   //比如说,需要改变这个点击按钮的DIV改变样式,但是这个id 值 
如何传递给Jquery当中$("#box_{id}")这个ID值如何动态的赋值给这个查询语句
}

大大来帮忙下~

------解决方案--------------------
改成
<div class="box" id="box_4"><input type="botton" onclic="update(this)"></div>

方法一不会知道ID是什么直接 操作当前对象
function update(obj)
{
 $(obj).css("background","red")
 
}
方法二
function update(obj)
{
 var id = $(obj).attr("id");
$("#"+id).css("background","red")
 
}