Jquery对URL参数的操作

2009年10月6日 星期二
需要借助query 插件

<script language="javascript" type="text/javascript">
        $(function() {
            $(".pro_lei2 a").click(function() {
                //点击链接取得的PID：VID键值对
                var clickpv = $(this).attr("title");
                //URL的参数pidvid
                var urlpv = $.query.get('pidvid');/////////////需要借助query 插件
                var arrclickpv = clickpv.split(":");
                var arrurlpv = urlpv.split(",");
                var cc = arrclickpv[0];
                var c, newUrl;
                var isreplace = false;
                //如果URL里的pidvid参数不为空
                if (urlpv != "") {
                    $.each(arrurlpv, function(n, urlpidvid) {
                        var urlpvitem = urlpidvid.split(":");
                        c = urlpvitem[0];
                        if (c == cc) {
                            isreplace = true;
                            arrurlpv[n] = clickpv;
                        }
                    });
                    if (isreplace) {
                        urlpv = arrurlpv.toString();
                    } else {
                        urlpv = urlpv + "," + clickpv;
                    }
                    newUrl = $.query.set("pidvid", urlpv);
                }
                else {
                    newUrl = $.query.set("pidvid", clickpv);
                }
                //window.location = newUrl;
                return false;
            });

        });
    </script>

根据URL变色的问题，先把URL参数值放到一个隐藏控件，然后js获取其值，进行css设置

<script language="javascript" type="text/javascript">
        $(function() {
            var pidvid = $("#ctl00_ContentPlaceHolder1_hidpidvid").val();

            var arrpidvid = pidvid.split(",");
            $.each(arrpidvid, function(n, pv) {
                pv = pv.replace(":","\\:");
                $("#" + pv).css("background", "orange");
            });
        });
    </script>