Jquery选择器分别有哪些

Jquery 是一种非常流行的 JavaScript 库，用于简化许多常见的 JavaScript 任务，例如 DOM 操作、事件处理、动画效果等。其选择器是其中一个核心功能。本文将简单介绍 Jquery 选择器的分类和用法。

1. 基本选择器

$(document).ready(function(){$("p").click(function(){$(this).hide();});});

上面的代码用于隐藏所有的

2. 层级选择器

$(document).ready(function(){$("div p").click(function(){$(this).hide();});});

上面的代码用于隐藏所有在 元素中的

3. ID 选择器

$(document).ready(function(){$("#test").click(function(){$(this).hide();});});

上面的代码用于隐藏 ID 为 "test" 的元素。

4. 类选择器

$(document).ready(function(){$(".test").click(function(){$(this).hide();});});

上面的代码用于隐藏所有类名为 "test" 的元素。

5. 属性选择器

$(document).ready(function(){$("[href]").click(function(){$(this).hide();});});

上面的代码用于隐藏所有有 href 属性的元素。

6. 过滤器选择器

$(document).ready(function(){$("p:first").click(function(){$(this).hide();});});

上面的代码用于隐藏文档中第一个

7. 内容过滤器选择器

$(document).ready(function(){$("p:contains(Hello)").click(function(){$(this).hide();});});

上面的代码用于隐藏所有包含 "Hello" 文本的

这些只是 Jquery 选择器的一部分，但这些选择器能够应对大多数的开发需求。尝试着使用它们来加快开发进程和简化代码吧！