jQuery排他思想
阿新 • • 發佈:2022-04-17
程式碼案例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <script src="../JQuery2/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ //1.隱式迭代 給所有的按鈕都綁定了點選事件 $("button").click(function(){ //2.當前的元素變化背景顏色 $(this).css("background","pink") //3.其餘的兄弟去掉背景顏色 隱式迭代 $(this).siblings("button").css("background","") }) })</script> </body> </html>