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 选择器的一部分,但这些选择器能够应对大多数的开发需求。尝试着使用它们来加快开发进程和简化代码吧!