jquery - 如何使用 jQuery 根据查询字符串更改 CSS 属性值

Question

我是 jQuery 新手，我尝试自己解决这个问题，但没有成功。

我需要使用 jQuery 根据查询字符串更改 CSS 中的值。我尝试了几个脚本但不起作用。

网址示例:http:www.xyz.com/Page.aspx?pageID=101&Language=arabic

根据 URL 中指定的语言，我必须先更改类 .Image4x4 和 verticleBar 中 float:right 的 CSS 值显示页面。

 .Image4x4
    {
        width:670px;
        float:left; /* for arabic keep right */
        height:550px;
        background-color:Orange; 
    }
    .verticleBar
    {
        width:220px;
        float:left; /* for arabic keep right */
        height:550px;
        background-color:Red;
    }

我尝试了几个脚本，但它没有按计划工作。

如果有任何帮助，我将不胜感激。

Answer 1

var queryValues = {};

$.each(window.location.href.split('?').pop().split('&'), function (i, v)
{
    var v = v.split('=');
    if(v.length > 1) // prevent v[1] from erroring if no querystring present
      queryValues[ v[0].toLowerCase() ] = v[1].toLowerCase();
});

if ( queryValues.language == 'arabic' )
{
    $('.Image4x4, .verticleBar').css('float', 'right');
}

如果您不确定是否始终存在查询字符串，则应添加代码来检查这一点。