jquery基本选择和层次选择器
发布时间:2023-03-07 13:53:00
发布人:wjy
jQuery是一个非常流行的JavaScript库,它的选择器可以轻松地选择和操作文档中的元素。以下是一些jQuery中基本选择器和层次选择器的示例:
基本选择器
元素选择器:使用元素名称选择元素。例如,选取所有的段落元素可以使用$("p")。
类选择器:使用类名选择元素。例如,选取所有类名为"my-class"的元素可以使用$(".my-class")。
ID选择器:使用ID名称选择元素。例如,选取ID为"my-id"的元素可以使用$("#my-id")。
属性选择器:使用元素属性选择元素。例如,选取所有href属性值为"example.com"的元素可以使用$("[href='example.com']")。
层次选择器
后代选择器:选取某个元素下的所有后代元素。例如,选取ID为"my-id"元素下所有的段落元素可以使用$("#my-id p")。
子元素选择器:选取某个元素的直接子元素。例如,选取ID为"my-id"元素下所有直接子元素为段落元素可以使用$("#my-id > p")。
兄弟选择器:选取某个元素的相邻兄弟元素。例如,选取所有ID为"my-id"元素后面的兄弟元素可以使用$("#my-id ~ *")。
这些是jQuery中常见的选择器。使用它们可以轻松地操作文档中的元素。