jQuery 里面的排他思想
生活随笔
收集整理的這篇文章主要介紹了
jQuery 里面的排他思想
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery 里面的排他思想?
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="jquery.min.js"></script> </head><body><button>快速</button><button>快速</button><button>快速</button><button>快速</button><button>快速</button><button>快速</button><button>快速</button><script>$(function() {// 1. 隱式迭代 給所有的按鈕都綁定了點擊事件$("button").click(function() {// 2. 當前的元素變化背景顏色$(this).css("background", "pink");// 3. 其余的兄弟去掉背景顏色 隱式迭代$(this).siblings("button").css("background", "");});})</script> </body></html>
總結
以上是生活随笔為你收集整理的jQuery 里面的排他思想的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery 基础选择器/层级选择器/隐
- 下一篇： jQuery 选择器 之 案例：淘宝服饰