我想显示一个当您将鼠标悬停在某个div时跟随指针的浮动div,到目前为止,我发现这段带有jquery的代码在悬停整个主体时都有效,但是我想要的是在某些div上工作:
的CSS
<div id="tail">mouse tail</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的
$(document).bind('mousemove', function(e){
$('#tail').css({
left: e.pageX + 20,
top: e.pageY
});
});
Run Code Online (Sandbox Code Playgroud)
我尝试bind了特定的选择器,但没有用。
当您将鼠标悬停在div之外时,div应该消失;当您悬停在div上时,div应该重新出现。
我有一群人:
let people = [{
name: 'John',
sex: 'M',
hasHouse: 'Yes',
hasCar: 'Yes'
},
{
name: 'Carl',
sex: 'M',
hasHouse: 'No',
hasCar: 'No'
},
{
name: 'Lisa',
sex: 'F',
hasHouse: 'Yes',
hasCar: 'No'
},
{
name: 'Mary',
sex: 'F',
hasHouse: 'Yes',
hasCar: 'Yes'
},
{
name: 'David',
sex: 'M',
hasHouse: 'No',
hasCar: 'Yes'
}
]
Run Code Online (Sandbox Code Playgroud)
我需要能够基于一个、多个或所有属性过滤原始数组,例如,我可以为每个对象的每个属性设置一个变量
let filter = {name: 'sex',value: 'M'};
let filterTwo = {name: 'hasCar',value: 'Yes'};
let filterThree = {name: 'hasHouse',value: 'Yes'};
// The value would be changed …Run Code Online (Sandbox Code Playgroud)