Javascript jQuery属性选择器问题
我对jQuery属性选择器有一个问题,我不明白为什么在这个例子中“div1”的背景颜色是绿色的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('
$(文档).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')代码>
您可以看到它们上面的绿色背景色。完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,感谢完美答案,谢谢