jQuery代码技巧合集：从过滤到切换样式表

"这篇资源是关于jQuery代码的集合，作者整理了多年的jQuery代码片段，旨在帮助开发者节省时间和提高效率。内容包括过滤器的创建、元素搜索的重用、使用has()方法检查元素、切换样式表以及限制选择范围的技巧。" 在jQuery中，创建嵌套的过滤器是一个常见的需求，这可以通过使用`:not()`和`:has()`伪类来实现。如示例所示，`.filter(":not(:has(.selected))")`这个表达式会从集合中筛选出不包含class为“selected”的子元素，这对于处理复杂DOM结构时的元素筛选非常有用。 元素搜索的重用则可以提高代码的效率和可读性。在示例中，`allItems`和`keepList`两个jQuery对象被创建并存储，之后可以在不同的场景下反复使用，避免了重复的DOM查询。当需要根据复选框状态更新`keepList`时，只需遍历复选框并应用`.filter()`方法即可。 `has()`方法是jQuery中的一个强大工具，它可以检查一个元素是否包含指定类或者子元素。例如，`$("input").has(".email").addClass("email_icon");`这行代码会找到所有包含.email类的input元素，并添加一个名为'email_icon'的class，这在实现交互效果时非常实用。 切换样式表可以通过改变`<link>`标签的`href`属性来完成。例如，`$('link[media="screen"]').attr('href','Alternative.css');`这行代码将当前屏幕媒体类型的样式表替换为Alternative.css，常用于响应式设计或主题切换。 限制选择范围是优化jQuery性能的一个关键策略。使用更具体的CSS选择器，如在示例中的`var in_stock = $('#shopping_cart_items input.is_in_stock');`，可以显著减少DOM遍历的次数，提高代码执行速度。 这些jQuery代码小结提供了在实际开发中非常实用的技巧和最佳实践，涵盖了过滤、搜索、元素状态检查、样式切换和性能优化等多个方面，对于提升jQuery编码效率和代码质量有着积极的作用。