JQuery一点使用记录

最新推荐文章于 2024-08-15 09:36:48 发布

jxdwuao

最新推荐文章于 2024-08-15 09:36:48 发布

阅读量66

点赞数

分类专栏： JS 文章标签： jQuery JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/jxdwuao/article/details/83771960

版权

JS 专栏收录该内容

72 篇文章 0 订阅

订阅专栏

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:" οnclick="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();
}