jQuery基本选择器实例讲解

2024-10-31 15:58:10

1、新建jQuery_jibenxuanzeqi.html 页面作为今天的讲解页面

3、页面预览效果如下

5、代码解释，$("#btn_1").click(function(){}); 这个是绑定按钮1的click事件，当按钮1被点击的时候触发 function 中的函数$("#one").css("background","#00FF00"); #one代表选中id为one的元素，css是jQuery函数，定义元素的css样式，"background","#00FF00"就是给元素添加背景颜色。预览效果，点击按钮1如下

7、预览效果如下

9、预览效果，除了span标签，所有div都被选中了

11、所以预览效果是整个页面都变颜色了

13、预览效果如下

14、以上就是jQuery的基本选择器其中包括id选择器，用“#”表示，根据给定的ID匹配一个元素。class选择器，用“.”表示，根据给定的类匹配元素。注意：一个元素可以有多个类，只要有一个符合就能被匹配到。元素选择器，根据给定的元素名匹配所有元素，如div,span等html元素并列选择器，将每一个选择器匹配到的元素合并后一起返回。