从查询字符串创建 CSS 规则

Question

获取查询字符串

var queryString = window.location.search;

删除？从查询字符串的开头

queryString = queryString.substring(1);

查询字符串处理器

var parseQueryString = function( queryString ) {
    var params = {}, queries, temp, i, l;
    // Split into key/value pairs
    queries = queryString.split("&");
    // Convert the array of strings into an object
    for ( i = 0, l = queries.length; i < l; i++ ) {
        temp = queries[i].split('=');
        params[temp[0]] = temp[1];
    }
    return params;
};

//查询字符串对象

var pageParams = parseQueryString(queryString);

// CSS 变量

var target = pageParams.target;
var prop = pageParams.prop;
var value = pageParams.value;

//无法上班-->

jQuery(target).css({
    prop : value,
});

我希望能够提供类似“?target=body&prop=display&value=none”这样的查询，并使整个正文消失或按其类定位某些元素。

Answer 1

您将无法将prop 用作要传递给.css() 的对象的键变量。在这种情况下，它将转换为文字字符串'prop'。相反，您必须执行以下操作：

jQuery(target).css(prop,value);

---

注意：请注意该哈希中的尾随逗号（value 之后）。某些浏览器此时会出错。

Answer 2

为了创建一个可以传递给 jQuery 的 css 对象，我建议如下：

// Create css obj
var cssObj = {};
cssObj[prop] = value;

在此之后，代码对我来说可以正常工作。在此处查看完整的解决方案：

http://jsfiddle.net/q97DH/4/

我建议使用正则表达式删除问号 - 请参阅下面的评论。