首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery旋钮效果实现

2013-01-01 
jquery按钮效果实现举个例子说:我有10个按钮分别为div classbox idbox_1input typebotton onc

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")
 
}

热点排行