JS和HTML标签的解耦

           做web开发，经常涉及JS或Jquery操作HTML。作为程序员，当然希望代码越写越简单，越写越好维护。所以对JS操作HTML的写法，做如下总结。

          1：最初级的写法：

          

         这种写法应该是出现在学校课堂上。

          2：普遍的写法：

      这种写法在开发中比较常见，代码梳理比较好的，还会把点击事件的Jquery代码封装到JS的闭包中。但是HTML标签id属性还是与Jquery代码耦合。id改变了，jquery代码也要变。

          3：解耦JS（Jquery）与HTML标签的写法

        

 

 

这种写法就解耦了jquery代码与HTML标签。HTML标签的id属性改变了，jquery代码也不受影响。想要使用单击事件，只要打上button_click属性并赋上要调用的方法即可。

实际上这里就封装了一个变化点，实现了Jquery代码的重用。

 另外送大家一点福利，鞋服买一送一，扫二维码，加微信