jQuery class選擇器的使用
阿新 • • 發佈:2018-12-26
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>選擇器</title> </head> <style> .myClass { width:200px; height:200px; line-height: 200px; <!--下面這句話的主要是解決span設定height無效的。也可以使用block,這樣span其實就是類似div了--> display: inline-block; text-align: center; } </style> <script src="jquery-1.11.3.min.js"> </script> <body> <!-- class 選擇器 根據給定的類名匹配元素 [一個元素可以有多個類,只要有一個符合就能被匹配到] --> <div class="notMe">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span> </body> <script type="text/javascript"> $('.myClass').css('background','pink'); </script> </html>
效果圖