function(){...}() 这是匿名自调方法。
匿名就是这个方法没名字，自调就是最后一个括号()，直接运行这个方法。
这是一种优雅的写法，普通写的话，给这个方法起个名字比如function aaa(){...}，调用这个方法aaa()。
波浪效果先建一个dom元素$element，在这个元素上加一大波特效，然后把这个波浪塞到html的body里，document.body.appendChild($element)。
也就是说，有个body标签，运行这段东西就好了，我附件发了一个空的html，把你这段代码放到我附件里标注的地方就好了。
注意要用chrome打开这个html才能看到效果，我看到了-webkit标签，只对chrome有效。
你代码没贴全，我没法帮你试，网上找的坑很多的，不一定能用，但是从代码风格上看挺靠谱的，说不定放进去就行。
js中波浪线运算符"~"的作用是将数字转化为有符号32位整数并作位取反, 位取反即把数字转换为2进制补码然后把0和1反转. 对一个数字取反2次会变成原来的数字, 于是双波浪线的作用就是把一个小数舍弃小数点转换为整数, 在数字较小转换为32位整数时不会溢出的情况下可以当作Math.floor的偷懒写法. 不过更一般的写法是"num | 0", 即位或0, 在位运算上不会改变数字但可以快速的转换为整数, 在各种将数字转换为整数的写法中位或0速度最快在函数前加上波浪号，其作用是把函数声明转换为表达式，这样就可以直接运行。具体来讲这个例子，先计算表达式cn.search( /open/i ) 的值
如果为真，则执行cn.replace( / open/i, '' )
否则， 返回cn + ' open'
