JQuery选择器是一个非常重要的工具,它可以通过不同的方式选择HTML元素,这有助于我们处理文档和交互。下面我们来试着用一些例子来练习选择器。
// 选取 id 为 myID 的元素$("#myID")// 选取 class 为 myClass 的元素$(".myClass")// 选取所有 input 元素$("input")// 选取 type 为 text 的 input 元素$("input[type=text]")// 选取 href 属性为 www.example.com 的 a 标签$("a[href=www.example.com]")
不仅可以通过属性选择器和标签名选择元素,还可以通过其它的方式。下面再来看几个例子。
// 下面的例子可以找到相邻的元素$("#myID + p")// 这个例子能够选择第一个元素$("li:first")// 选取第二个元素$("li:eq(1)")// 这个例子可以选择每个类名为 myClass 的元素(即使是嵌套在其他元素中的)$(".myClass *")
当然,这里只是选择器中的一小部分示例,实际上有很多不同的方式来选择元素。当我们掌握了这些选择器之后,我们可以更好的使用JQuery来操作HTML元素进行交互。