js类选择器,jquery选择器

js类选择器,jquery选择器

通过使用选择器，我们可以根据元素的标签名、类名、ID等属性来获取相应的元素，并对其进行操作或修改。下面将介绍常见的JS选择器及其使用规则。一、标签选择器标签选择器是最jQuery 类选择器可以通过指定的class 查找元素。语法如下：$(".test") 实例用户点击按钮后所有带有class="test" 属性的元素都隐藏：实例$(document).ready(function(){$

*选择器，就是全选。层级选择器：ancestor descendant 概述：在给定的祖先元素下匹配所有的后代元素。使用：("祖先后代"); parent > child 概述：在给定的父元素下匹配所有的子元素元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。使用公式：("element") 示例：("div") //获取所有div元素 1 2 3 4 5 6 3.类名选择器类

类选择器：1 2 3 4 5 6 7 8 9 10 11 12 13 functiongetElementsByClass(className) { varclassArr = []; vartags = document.getElementsByTagName("*"); for(vari = 0; i < 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择

●△● id选择器(#box),选择id为box的元素类选择器(.one),选择类名为one的所有元素标签选择器(div),选择标签为div的所有元素后代选择器(#box div),选择id为box元素内部所有的div元素子(1)后代选择器(以空格分隔): div p{ … 选取元素中所有元素(2)子元素选择器(以大于号分隔): div > p{ … 选取元素中所有直接子元素(3)相邻兄弟选择器(以加号分隔)