html逗号隔开的是什么选择器,jQuery 选择器(selector)中的逗号(comma)的用法

html代码：

multiple demo

div, span, p {

width: 126px;

height: 60px;

float: left;

padding: 3px;

margin: 2px;

background-color: #eee;

font-size: 14px;

}

div

p class="myClass"

p class="notMyClass"

span

js代码：

// 对以下3个元素进行css修饰，逗号的作用：连接元素，避免重复调用

$( "div, span, p.myClass" ).css( "border", "3px solid red" );

// 也可以这样多次调用，导致代码冗余

// $( "div" ).css( "border", "3px solid red" );

// $( "p.myClass" ).css( "border", "3px solid red" );

// $( "span" ).css( "border", "3px solid red" );

// 此时$( "p", "body" )中逗号代表的从属关系，选择器的意思是：在父元素body下的p

var len = $( "p", "body" ).length;

console.log(len); // 2

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/261.html

微信打赏

支付宝打赏

感谢您对作者surfin的打赏，我们会更加努力！    如果您想成为作者，请点我