所以,我有以下div的和功能:更改CSS與jQuery的功能
<div class="show" style="display:none;"> Show only when </div>
然後,jQuery函數:
beforeSend : function(){
jQuery('.show').html('?????');
},
如何讓jQuery的函數,以便它改變了從「display:none」到可見的的css?
感謝
所以,我有以下div的和功能:更改CSS與jQuery的功能
<div class="show" style="display:none;"> Show only when </div>
然後,jQuery函數:
beforeSend : function(){
jQuery('.show').html('?????');
},
如何讓jQuery的函數,以便它改變了從「display:none」到可見的的css?
感謝
你可以試試這個http://api.jquery.com/show/:
$('.show').show();
嗯,那很簡單,很好:P謝謝! –
另外請注意,你可以添加額外的參數,如持續時間等 –
我明白了。謝謝! =)我會閱讀你添加的鏈接。欣賞它! –
由於科斯塔斯(+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>
謝謝你的真棒例子和解釋! =)學到了新東西! –
你好歡迎,我很高興它幫助 –
它確實! =) –
的可能的複製[JQuery的切換()](http://stackoverflow.com/questions/ 12033712/jquery-toggle) –
是的,可以。謝謝。 –