如何使用jQuery更改float的相反值

CSS：

<style> 
    #main { 
     width: 100%; 
    } 

    #main-title { 
     background-color: #b5dcb3; 
     width: 100% 
    } 

    #menu { 
     background-color: #aaa; 
     height: 200px; 
     width: 100px; 
     float: left; 
    } 

    #right-menu { 
     background-color: #aaa; 
     height: 200px; 
     width: 100px; 
     float: right; 
    } 

    #content { 
     background-color: #eee; 
     height: 200px; 
     width: 350px; 
     float: left; 
    } 

    #footer { 
     background-color: #b5dcb3; 
     clear: both 
    } 
</style>

HTML：

<div id="main"> 
    <div id="main-title"> 
     <h1>This is Web Page Main title</h1> 
    </div> 
    <div id="menu"> 
     <div><b>Main Menu</b></div> 
     HTML 
     <br /> PHP 
     <br /> PERL... 
    </div> 
    <div id="content"> 
     <p>Technical and Managerial Tutorials</p> 
    </div> 
    <div id="right-menu"> 
     <div><b>Right Menu</b></div> 
     HTML 
     <br /> PHP 
     <br /> PERL... 
    </div> 
    <div id="footer"> 
     <center> 
      Copyright Area 
     </center> 
    </div> 
</div>

現在我想申請等，其中float:left改爲float:right和相同的反向WHERE float:right改爲float:left鏡面效果。

代碼示例：http://jsfiddle.net/mananpatel/mw1sxpx0/

注：我保持對浮法不同的文件：左類和float：正確的類。

任何想法如何使用jQuery代碼在page load上做到這一點。

來源

2015-07-21 Mr.Happy

試試這個：您可以更改菜單的CSS樣式屬性，如下面

$(function(){ 
    $('#menu').css('float','right'); 
    $('#right-menu').css('float','left'); 
});

JSFiddle Demo

來源

2015-07-21 06:16:41

可以作爲

.floatright { 
float: right; 
} 
.floatleft { 
float: left; 
}

創建不同類別，包括本（如適用）。在文檔準備功能（）你可以寫

$('.floatright').css('float','left'); 
$('.floatleft').css('float','right');

這將是一個解決方案，我猜。

將檢查其他解決方案，並讓你知道，如果找到。

另一種方法：試試這個代碼。

$("*").filter(function() { 
if(/^(left)$/.test($(this).css("float"))) { 
$(this).css("float","right"); 
} 

else if(/^(right)$/.test($(this).css("float"))) { 
$(this).css("float","left") 
} 
});

來源

2015-07-21 06:38:15

'$（「*」）'*方式*太寬泛。只需使用'$（'＃menu，＃右鍵菜單'）' – SeinopSys

感謝您使它具體@ DJDavid98 – 2015-07-21 09:31:15

我們可以使用的CSS，我們應該知道ID（elementId）僅

$（ '＃elementId'）賦予各種屬性的CSS（{ '高度'： '70像素'，「寬'：'280px'， 'display'：'inline-block'， 'float'：'left'， }）;

來源

2016-12-20 12:03:40

如何使用jQuery更改float的相反值

回答

相關問題