读书人

jquery旋钮效果实现

发布时间: 2013-01-01 14:04:20 作者: rapoo

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

}

读书人网 >JavaScript

热点推荐