2015-10-28 53 views
0

所以,我有以下div的和功能:更改CSS與jQuery的功能

<div class="show" style="display:none;"> Show only when </div> 

然後,jQuery函數:

beforeSend : function(){ 
     jQuery('.show').html('?????'); 
    }, 

如何讓jQuery的函數,以便它改變了從「display:none」到可見的的css?

感謝

+0

的可能的複製[JQuery的切換()](http://stackoverflow.com/questions/ 12033712/jquery-toggle) –

+0

是的,可以。謝謝。 –

回答

3

你可以試試這個http://api.jquery.com/show/

$('.show').show(); 
+0

嗯,那很簡單,很好:P謝謝! –

+0

另外請注意,你可以添加額外的參數,如持續時間等 –

+0

我明白了。謝謝! =)我會閱讀你添加的鏈接。欣賞它! –

2

由於科斯塔斯(+1)顯示,以示與使用jQuery .show()元素的最簡單,最常用的一個 - 你可以隱藏要素與.hide()並切換其顯示.toggle() - ,用jQuery設置CSS值你可以使用這個功能.css()像這樣:

$(selector).css({'property1':numValue1, 'property2': 'stringValue2'}); 

例如:JSFiddle

$('#change').on('click', function() { 
 
    $('.something').css({'color': 'orange','background-color': 'maroon'}); 
 
});
.something { 
 
    color:white; 
 
    font-size:1.5em; 
 
    background-color:orange; 
 
    padding:2px 5px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<p class="something">Here is an example</p> 
 
<button id="change">Change CSS</button>

參考:https://api.jquery.com/css/

+0

謝謝你的真棒例子和解釋! =)學到了新東西! –

+0

你好歡迎,我很高興它幫助 –

+0

它確實! =) –