Javascript 如何更改动态创建的元素的css？

我有一个jquery脚本，可以在滚动条上动态生成项目。默认情况下，这些项目的覆盖样式设置为“可见性：隐藏” 我决定通过复选框动态更改覆盖样式，并使其可见：

 $(' #switch').click(function() {
        if ($(this).prop("checked") == true) {          


            $('.footer-inner').css({ visibility: 'visible' });

        } else if ($(this).prop("checked") == false) {

            $('.footer-inner').css('visibility', 'hidden');

        }
    });

---

对于页面上已经创建的所有项，代码都会触发。但是如果我向下滚动，则新闻项目没有覆盖，并且不可见

我只需在父级上切换CSS类，并使用样式来显示和隐藏元素。无需担心在页面更新时调用函数。它只是得到应用

$“开关”。打开“更改”功能{ $.wrapper.toggleClassshow-footer，此项已选中 }.改变； var i=4； window.setIntervalfunction{ 我++ $.wrapper.append`${i}${i}X` }, 2000 .wrapper.footer内部{ 显示：无； } .wrapper.show-footer.footer内部{ 显示：块； } 切换 1. 1X 2. 2X 3. 3X 4.

---

因此，当您添加新项目时，您需要触发代码。您最好只使用CSS解决方案。