Toggle() 或 ClassList.toggle()
Toggle() or ClassList.toggle()
我的页面在 CLS 方面存在一些问题。可能是因为我用 JS 隐藏了一些元素,这是我的问题:
对于CLS优化,是使用.toggle()
还是对我想隐藏的所有元素添加displayNoneClass
然后使用.classList.toggle("displayNoneClass")
更好?
这取决于您要隐藏的元素的当前显示 属性..
当当前元素是display:inline
并且你使用display:none;
属性隐藏它时,你需要恢复那个属性。其中 toggle() 仅在 jQuery 缓存中更改,因此不需要恢复 属性..
如果您不想使用 !important
更改 CSS 属性 ,您可以使用添加 class 否则可以使用 toggle()
。
其他都一样
我的页面在 CLS 方面存在一些问题。可能是因为我用 JS 隐藏了一些元素,这是我的问题:
对于CLS优化,是使用.toggle()
还是对我想隐藏的所有元素添加displayNoneClass
然后使用.classList.toggle("displayNoneClass")
更好?
这取决于您要隐藏的元素的当前显示 属性..
当当前元素是display:inline
并且你使用display:none;
属性隐藏它时,你需要恢复那个属性。其中 toggle() 仅在 jQuery 缓存中更改,因此不需要恢复 属性..
如果您不想使用 !important
更改 CSS 属性 ,您可以使用添加 class 否则可以使用 toggle()
。
其他都一样