JQuery一点使用记录
http://www.cnblogs.com/bynet/archive/2009/12/07/1618650.html
?
?
设置选中属性的样式
HTML结构：
?
?
<dl><dt>商品颜色：</dt><dd><ul><#list goodsDetailVo.wholesaleSellerGoods.subGoods as sku><li><a href="javascript:" onclick="setPrdClr($(this))">${(sku.value)!""}</a></li></#list></ul></dd></dl>?
JS : 先把同层级的所有样式清除，然后设置选中的元素的样式
?
function setPrdSize(sze){sze.parent().parent().find("li").removeClass("current");sze.parent().addClass("current");}?
在切换 显示 / 隐藏 页面元素的应用:
<tr style="display:none" class='hiddenRoom_www'>......</tr><tr style="display:none" class='hiddenRoom_www'>......</tr><tr style="display:none" class='hiddenRoom_www'>......</tr><tr style="display:none" class='hiddenRoom_www'>......</tr><tr style="display:none" class='hiddenRoom_www'>......</tr><tr style="display:none" class='hiddenRoom_www'>......</tr>
一个按钮控制这些元素的 "显示" / "隐藏" 状态 :
?
if($('.hiddenRoom_www:first").is(":hidden")){$('.hiddenRoom_www').show();$('#i_'+classname).html("▲");}else{$('.hiddenRoom_www').hide();$('#i_'+classname).html("▼");}?
"_www:first"? 读取到列表的第一个元素,? .is(":hidden")?? 判断是不是隐藏状态.? 然后做相应的处理 .
?
?
FORM 应用：
?
?
<form id="orderform" action="http://buyer.mall.woyo.com/getSellerGoodsSKU.action"><input type="hidden" name="lSellerGoodsId" value="${goodsDetailVo.sellerGoodsId}" /><input type="hidden" name="lSubGoodsId" value="${goodsDetailVo.subGoodsId}" /><input type="hidden" name="lSpecCombinationId" /><input type="hidden" name="nCount" /><input type="hidden" name="nChannelId" value="5" /><input type="hidden" name="strHttpUrl" value="http://biz.woyo.com/mall/shops/productdetail.action" /></form>?
?
JS :
function orderGoods(){$("#orderform").find("input[name='nCount']").val($("#buyNum").val());//alert($("#orderform").find("input[name='nCount']").val());$("#orderform").submit();}?
?