jquery改变原来的元素css样式,无非就是通过jquery的选择器来改变。如:
$(".qx_part_content .left a").click( function(){ $(this).toggleClass("checked"); if($(this).attr("class")=="checked") { $(".icon_check a").removeClass("current"); $(".icon_check a").addClass("current"); }else { $(".icon_check a").removeClass("current"); } }); $(".icon_check a").click( function(){$(this).toggleClass("current");getTotalPrice();}); });
这个就是根据class标签来获取元素 class=“icon_check" 下的 <a>元素
还有:
function deleteCarProduct() { $("#delPro").attr("href","#"); if($(".icon_check a.current").length==0) { $("#noGoods span").text("购物车未选择商品"); $("#noGoods i").text("请至少选择一件商品,再删除"); $("#noGoods").show(); } $(".icon_check").each(function(i){ if($(this).children("a").attr("class")=="current") { if($(this).parent().siblings().length==0) { $(".nocart_result").show(); } $(this).parent().remove(); del_product($(this).children("input[name=store_id]").val(),$(this).children("input[name=sku_id]").val(),$(this).parent().find("input[name=num]").val()); //getTotalNum(); getTotalPrice(); } }); $("#delPro").attr("href","javascript:deleteCarProduct();"); }
这个是根据id来查找此id下的 html标签标签
反正大家多看看jquery的选择器
“.”代表着class属性获取 #代表根据Id来获取
$("div") 选择所有的div标签元素,返回div元素数组
$(
"*"
) 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择
关于jquery选择器,多看看:http://www.cnblogs.com/onlys/articles/jQuery.html
评论