Javascript jQuery属性选择器问题

Javascript jQuery属性选择器问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对jQuery属性选择器有一个问题,我不明白为什么在这个例子中“div1”的背景颜色是绿色的 $(文档).ready(函数(){ $('div[title],[style]').css('border','5px实心红色'); $('[title][style]').css('background-color','green'); }) 第一组 第1款 第2组 第2款 因为第一行导致在div1中添加style属性,所以这一行 $('div[title],[style]').css('

我对jQuery属性选择器有一个问题,我不明白为什么在这个例子中“div1”的背景颜色是绿色的

$(文档).ready(函数(){
$('div[title],[style]').css('border','5px实心红色');
$('[title][style]').css('background-color','green');
})

第一组

第1款

第2组

第2款


因为第一行导致在
div1
中添加
style
属性,所以这一行

$('div[title],[style]').css('border', '5px solid red');
因此,您的div1现在既有
title
属性,也有
style
属性,因此下一行

$('[title][style]').css('background-color', 'green');
适用于它


如果您不想将背景色应用于第一个div,只需切换行的顺序,因为第一行会导致将
style
属性添加到
div1
,这一行

$('div[title],[style]').css('border', '5px solid red');
因此,您的div1现在既有
title
属性,也有
style
属性,因此下一行

$('[title][style]').css('background-color', 'green');
适用于它

如果不想将背景色应用于第一个div,只需切换行的顺序即可

此行:

这一行接受具有样式属性的每个元素和具有标题属性的每个div元素,并将其内联样式设置为具有边框

它与div匹配,因为它具有title属性

那么这一行:

将具有标题和样式属性的每个元素的背景色设置为绿色

它与div匹配,因为它以title属性开头,上一行添加了style属性。

此行:

这一行接受具有样式属性的每个元素和具有标题属性的每个div元素,并将其内联样式设置为具有边框

它与div匹配,因为它具有title属性

那么这一行:

将具有标题和样式属性的每个元素的背景色设置为绿色

它与div匹配,因为它以title属性开头,上一行添加了style属性

我不明白为什么“div1”的背景颜色是绿色的

因为您的第一条规则是,
$('div[title],[style]').css('border','5px solid red')表示选择所有具有title属性的div和所有样式为attibute的元素,并给它们一个5px的纯红色边框。jQuery通过应用CSS内联来实现这一点,因此具有title属性的div现在也将具有内联样式属性

在这一点上,你的第二条规则是:$css('background-color','green')
将选择具有title和style属性的所有元素,其中包括Div 1

我不明白为什么“div1”的背景颜色是绿色的

因为您的第一条规则是,
$('div[title],[style]').css('border','5px solid red')表示选择所有具有title属性的div和所有样式为attibute的元素,并给它们一个5px的纯红色边框。jQuery通过应用CSS内联来实现这一点,因此具有title属性的div现在也将具有内联样式属性


在这一点上,你的第二条规则是:$css('background-color','green')
将选择具有title和style属性的所有元素,其中包括Div 1。

非常简单,就是这样:

1-

$('div[title],[style]).css('border','5px实心红色')

div
上设置一个内联样式,该样式没有
样式
,但具有
标题
或任何具有
样式
的元素,但设置内联样式会在
div
上创建
样式

2-因此,这些
div
s上新设置了
样式
,也由

$('[title][style]').css('background-color','green')


您可以看到它们上面的绿色背景色。

非常简单,就是这样:

1-

$('div[title],[style]).css('border','5px实心红色')

div
上设置一个内联样式,该样式没有
样式
,但具有
标题
或任何具有
样式
的元素,但设置内联样式会在
div
上创建
样式

2-因此,这些
div
s上新设置了
样式
,也由

$('[title][style]').css('background-color','green')


您可以看到它们上面的绿色背景色。

完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,谢谢