写了一段时间的代码，我觉得我的代码写得太烂了，从网上找资料也没有很好的解决方法。
现在在写一个网站，但是有大量的dom操作
目前我的代码就是：
$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}
但我看见很多网站都是直接使用(function(){})());
如果我操作dom该怎么写?
怎样的代码才是优美的代码?
目前暂时先用jq，以后打算使用原生js
把原生js学习好，其他的都不是事
不经过勤学苦练就想要有一身飘逸的武功？
凡事都有个过程：
(function(){})())，这个叫IIFE，是用来提供一个安全的变量空间的，防止和全局变量冲突。
给你举个例子，只有对js的类型转换比较熟悉了，你才不会这样写：
if(a.configs == undefined){
a.configs = {};
}
而可以这样：
(a.configs || a.configs = {})
我个人觉得，代码优雅好看却不能当饭吃，只要你的逻辑缜密，思维清晰，善用封装。就算是写了很多if else也没问题，写一些看似奇妙的代码还有可能导致可读性很差不是吗？
看优秀开源代码，每天写3小时代码
目前也有这个问题，坐等大神解答，学习，
先会了原生js就解决你的大部分问题了。
jQuery是蜜饯，吃多了要涨蛀牙的。
学习原生js时候可以参考 jQuery 源代码，了解跨平台最佳兼容和实践方案。
MDN网址附上： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference。
建议阅读英文版，中文版翻译很多有问题。
解决这个问题的客观根治方法就是：mvvm框架，看看avalon,vue。
或者看看这个网站的实现：
http://todomvc.com/
主观层面来讲，还是需要多看看别人的代码。