<button class="btn submit">提交</button>为什么 $(".submit").click(function(){}这样就可以调用该按钮

上周有个客人问我，为什么在他们的网页上，当点击某个按钮时，会触发一段特定的JavaScript代码，而这个按钮恰好是class属性为"submit"的。
我就给他解释了，这其实是jQuery的魔力在起作用。

首先，jQuery这个库非常强大，它允许我们用CSS的选择器来选取DOM元素。
这里的".submit"就是一个类选择器，就像在CSS里选择所有类名为"submit"的元素一样。
所以，当我们在jQuery里写$.click({})时，我们实际上是在告诉jQuery去查找所有class属性包含"submit"的元素。

然后，jQuery的另一个强大功能是事件绑定。
我们在这个选择器后面跟着的{}，里面可以写一个函数，这个函数就是当点击事件发生时要执行的代码。
所以，当这些被选中的元素（在这个例子中就是class为"submit"的按钮）被点击时，绑定的函数就会被执行。

简单来说，jQuery先通过类选择器找到了所有class为"submit"的按钮，然后为这些按钮绑定了点击事件。
这样一来，只要有人点击这些按钮，相应的函数就会运行。

所以，客人点击的那个按钮，之所以能触发特定的JavaScript代码，就是因为jQuery帮我们做了这个选择和绑定的工作。
反正你看着办，这样解释应该能帮到你。
我还在想这个问题，如果你还有其他疑问，随时问我。

jquery中选择器分为哪三种

上周，我在一个技术交流会上听到一位前端开发老哥分享，jQuery的选择器确实挺强大的。
他说，首先，基本选择器就像是我们找人的身份证，ID选择器就是通过唯一标识符来定位元素，类选择器就像是我们通过衣服上的标签来找到同款衣服，元素选择器则是直接找到所有相同类型的“人”。

2 02 3 年，我那个朋友还提到，层次选择器就像是我们在家族谱中找亲戚，后代选择器可以找到所有后代，子选择器只找直接儿子，相邻兄弟选择器是找紧挨着的兄弟，而通用兄弟选择器则是找所有同辈。

然后他又说，过滤选择器就像是给找到的人加上一些标签，简单过滤选择器比如找第一个或者偶数位置的人，内容过滤选择器是看他们说了什么，可见性过滤选择器是看他们是不是在场上，属性过滤选择器则是看他们的特定属性，子元素过滤选择器是找特定位置的孩子，表单对象属性过滤选择器是针对表单的特定状态，表单过滤选择器则是快速找到表单中的元素。

我突然想到，这些选择器就像是我们的工具箱，有了它们，我们就能更高效地找到和操作网页上的元素。
你看着办，如果你对这部分还不太明白，可以多实践实践。

jquery选择器包括哪几大类

哦，得得得，CSS选择器这玩意儿，跟咱们平时挑衣服似的，得看款式，对吧。
什么通用款，全身上下都行，就是()，那就像个超市里随便拿的衣服。
然后呢，有那些专一的，像裤(p)、鞋(dl)、帽子(header)这些，标签选择器嘛。
再有的，就像有个特殊标记的，比如说.className，这个就是类选择器，穿起来辨识度就高。
还有个身份证明，就是ID，IDName，就相当于有个特殊的编号。
后代选择器啊，那就像孙子跟着爷爷，子选择器呢，就像是直接跟着爸爸的儿子。
属性选择器啊，得看你的颜色、款式，[attribute]就是看看有没有这个属性，[attribute=value]那就像是看颜色，[attribute!=value]就是不一样的颜色，[attribute$=value]那就是以某个颜色结尾的。
还有那些伪类选择器，就像是你的鞋子上有个小装饰，群组选择器，就像是一群人一起穿同一款衣服。

但是呢，有些老式子的IE浏览器啊，对CSS选择器支持不全，有点挑衣服。
不过呢，jQuery这东西，就像是万能的剪刀，能兼容各种不支持的选择器，剪裁得恰到好处。