為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

?

實(shí)例

設(shè)置 <p> 元素的顏色：

$(".btn1").click(function(){$("p").css("color","red"); } );

?

實(shí)例 1

將所有段落的顏色設(shè)為紅色：

$("button").click(function(){$("p").css("color",function(){return "red";});});

?

實(shí)例 2

逐漸增加 div 的寬度：

$("div").click(function() {$(this).css("width", function(index, value) {return parseFloat(value) * 1.2;}); });

?

("#id").css('display','none');
$("#id").css('display','block');

或

$("#id")[0].style.display = 'none';
$("#id")返回的是JQuery

它是個(gè)集合肯定有display屬性

$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切換元素的可見狀態(tài)。如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的

Jquery判斷元素是否隱藏：display屬性狀態(tài)值

<style type="text/css"> .run-button{width:100px; height:38px;display:block;position:absolute;right:70%; top:200px;} .test{ width:100px; height:100px; color:#000; border:1px blue solid;} .tips{color:#f00;} </style><script type="text/javascript"> $(function(){$(".run-button").focus().click(function(){if($('.test').is(':visible')){$('.test').hide().next().text('注意:div被隱藏了！');}else{$('.test').show().next().text('div顯示，能看見');} //用基本選擇器 :hidden 也行 // if($('.test').is(':hidden')){ // $('.test').show().next().text('div顯示，能看見'); // }else{ // $('.test').hide().next().text('注意:div被隱藏了！'); // }})}) </script> <p style="padding:8px 0;">說明：多次點(diǎn)擊右上角按鈕，使div層在顯示 、隱藏兩者狀態(tài)間自由切換 </p> <p><input type="button" value="點(diǎn)擊測(cè)試" class="run-button"/> </p> <div class="test">該div默認(rèn)顯示 </div> <p><span class="tips">注意：div當(dāng)前顯隱藏狀態(tài)</span> </p>

?

?

?

?

轉(zhuǎn)載于:https://my.oschina.net/TAOH/blog/914657

總結(jié)

以上是生活随笔為你收集整理的jquery改变css,改变style的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。