$().click()与 $(document).on('click','要选择的元素',function(){})

$(".icons_envirnment").on("click","i",function(e){})

给每个 i 绑定一个click事件，点击哪个就触发哪个

jQuery：$(xxx).click()和$(xxx).on('click','要选择的元素',function(){})的区别

$(选择器).click(fn) 

当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。

$(document).on('click','要选择的元素',function(){}) 

on方法包含很多事件，

$(".box ").on('click', function(){});
另外 click, blur, keyup, change等方法，都可以这样解决。

和$().click()的用法一样，最大的区别是

动态创建的元素在该选择器选中范围内是能触发回调函数。 也就是说 页面上元素有添加或变化后仍可绑定

菜鸟教程语法：

$(selector).on(event,childSelector,data,function)

https://blog.csdn.net/z3881006/article/details/81877283