为什么要扩展 jQuery？与仅拥有全局函数相比，扩展 jQuery 有什么好处？

function qs(key) {
    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars
    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
}

http://jsfiddle.net/gilly3/sgxcL/

另一种方法是解析整个查询字符串并将值存储在一个对象中以供以后使用。这种方法不需要正则表达式并扩展window.location对象（但是，可以很容易地使用全局变量）：

location.queryString = {};
location.search.substr(1).split("&").forEach(function (pair) {
    if (pair === "") return;
    var parts = pair.split("=");
    location.queryString[parts[0]] = parts[1] &&
        decodeURIComponent(parts[1].replace(/\+/g, " "));
});

http://jsfiddle.net/gilly3/YnCeu/

此版本还使用了Array.forEach()IE7 和 IE8 中原生不可用的 。它可以通过使用MDN 的实现来添加，或者你可以使用 jQuery 来$.each()代替。

经过多年的丑陋字符串解析，有一个更好的方法：URLSearchParams让我们来看看我们如何使用这个新的 API 从位置获取值！

//Assuming URL has "?post=1234&action=edit"

var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?

post=1234&action=edit&active=1"

更新：不支持 IE

从下面的答案中使用此函数而不是URLSearchParams

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('action')); //edit

JQuery jQuery-URL-Parser插件做同样的工作，例如检索搜索查询字符串参数的值，你可以使用

$.url().param('search');

这个库没有得到积极维护。正如同一插件的作者所建议的，您可以使用URI.js。

或者您可以改用js-url。它与下面的非常相似。

所以你可以像这样访问查询参数 $.url('?search')

在 SitePoint 从我们的朋友那里找到了这颗宝石。 https://www.sitepoint.com/url-parameters-jquery/。

使用纯 jQuery。我刚刚使用了这个并且它起作用了。例如，稍微调整一下。

//URL is http://www.example.com/mypage?ref=registration&email=bobo@example.com

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('ref')); //registration
console.log($.urlParam('email')); //bobo@example.com

随意使用。

这不是我的代码示例，但我过去曾使用过它。

//First Add this to extend jQuery

    $.extend({
      getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
          hash = hashes[i].split('=');
          vars.push(hash[0]);
          vars[hash[0]] = hash[1];
        }
        return vars;
      },
      getUrlVar: function(name){
        return $.getUrlVars()[name];
      }
    });

    //Second call with this:
    // Get object of URL parameters
    var allVars = $.getUrlVars();

    // Getting URL var by its name
    var byName = $.getUrlVar('name');