欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

jQuery 里面的排他思想

发布时间:2025/4/16 25 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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 里面的排他思想的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。