JQuery中Class选择器怎么使用

2026-02-13 13:42:19

1、在HBuilder X中新建一个项目。

JQuery中Class选择器怎么使用

2、引入JQuery文件。

<script src="jquery-3.4.1.js"></script>

JQuery中Class选择器怎么使用

3、定义两个div盒子并给它们class:

<div class="a">A1</div>

<div class="b">B2</div>

JQuery中Class选择器怎么使用

4、class的使用:

<script type="text/javascript">

$(document).ready(function(){

//,修改样式:获取到class,改变背景色

$('.a').css("background-color","red")

$('.b').css("background-color","#888")

});

</script>

JQuery中Class选择器怎么使用

5、在游览器中运行出来的样子:

JQuery中Class选择器怎么使用

猜你喜欢