jquery选择器笔记

jQuery选择器是一种非常强大的工具,可以帮助我们更轻松地操作和管理页面中的元素。以下是一些常见的jQuery选择器:

// 选择所有的p标签$("p")// 选择ID为"myDiv"的元素$("#myDiv")// 选择类名为"myClass"的元素$(".myClass")// 选择所有的a标签,且href属性包含"google"$("a[href*=google]")// 选择所有类型为"text"的输入框$(":text")// 选择所有可见的元素$(":visible")// 选择所有隐藏的元素$(":hidden")// 选择所有前两个p元素$("p:eq(0), p:eq(1)")// 选择所有在ID为"parent"下的p元素$("#parent p")// 选择ID为"parent"的元素下第一个p元素$("#parent p:first")// 选择ID为"parent"的元素下最后一个p元素$("#parent p:last")// 选择ID为"parent"的元素下第二个p元素$("#parent p:eq(1)")// 选择ID为"parent"的元素下不含有"test"类名的p元素$("#parent p:not(.test)")// 选择ID为"parent"的元素下所有包含"test"类名的元素中的第三个p元素$("#parent .test p:eq(2)")

使用这些选择器可以大大简化我们的代码,并提高我们的效率。在实际应用中,根据不同的页面需求来选择合适的选择器,可以更快速地完成页面布局和操作。

jquery选择器笔记