jQuery选择器和CSS选择器的区别及示例代码

jQuery选择器和CSS选择器是用于选择HTML元素的工具，它们在语法和使用方式上有一些区别。本文将详细介绍这两者之间的区别，并提供相应的示例代码。

1. 语法区别：

   • CSS选择器使用纯CSS语法进行选择，以字符串形式表示。例如，要选择所有类名为"example"的元素，可以使用.example。
   • jQuery选择器使用JavaScript语法进行选择，以字符串形式表示。例如，要选择所有类名为"example"的元素，可以使用$(".example")。

2. 功能区别：

   • CSS选择器主要用于样式控制，可以通过CSS选择器选择元素并为其应用样式。例如，使用CSS选择器为所有类名为"example"的元素设置背景颜色：.example { background-color: red; }。
   • jQuery选择器不仅可以选择元素，还可以对选中的元素执行各种操作，如添加、删除、修改元素属性、处理事件等。例如，使用jQuery选择器选中所有类名为"example"的元素并隐藏它们：$(".example").hide()。

3. 兼容性区别：

   • CSS选择器是浏览器原生支持的标准，几乎所有现代浏览器都支持CSS选择器。
   • jQuery选择器是基于JavaScript的库，需要在页面中引入jQuery库文件。虽然jQuery选择器在各种浏览器中都能正常工作，但需要额外