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();}

?

?