同时选择多个html元素,jQuery如何使用选择器选择多个元素?

想要使用jQuery选择器选择多个元素,要怎么实现?下面本篇文章就来给大家介绍jQuery选择器选择多个元素的方法,希望对大家有所帮助。

3fa03acd9fab0e9d9e26407d2648b39b.png

在jQuery中,可以使用以逗号(,)分隔的元素选择器列表--多个元素选择器,或*选择器来选择多个元素。

多个元素选择器可用于选取多个元素,需要使用逗号分隔每个元素。

*选择器选取文档中的所有元素,包括 html、head 和 body。如果 * 选择器与其他元素一起使用,该选择器选取指定元素中的所有子元素。

语法:

多个元素选择器$("element1,element2,element3,...")

*选择器$("*")

参数:

● element:用于指定要选择的元素,必需参数,不可删除。

示例1:使用多个元素选择器

欢迎来的这里!

Hello

测试文本!p元素

测试文本,删除!

测试文本,删除!div里的p元素

测试文本!p元素!span元素

$(document).ready(function() {

$("h2, div, span").css(

"background-color", "plum");

});

效果图:

b308214bc2fa28efc50592e1dc51232f.png

示例2:使用*选择器

欢迎来的这里!

div里的h2元素

测试文本,删除!div里的p元素

div里的span元素

测试文本!p元素!

$(document).ready(function() {

$("div *").css(

"background-color", "plum");

});

效果图:

806345d48734f58a89bde6cb0b9a2d79.png

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值