一个小技巧分享，也许你已知道或者有不同意见，见笑了……

------------------------------------------------------------------

只有命名清楚，才能让代码清晰易读。

在jquery中，一般的html元素和jquery查询出来的元素是有区别的，比如：

var mydiv = document.getElementById( ′myId′ ); // 这个获取的结果是html元素

var mydiv2 = $(′#myId′); // 这是通过jquery获取的结果

两者的关系是 mydiv2 相当于 $mydiv[0] 。但mydiv2不具备jquery元素的各种方法。

我在写js的过程中发现，光看变量名，两者非常容易混淆、出错。
比如针对html元素调用jquery方法：mydiv.hide() ，导致浏览器报错。

这里其实想说的是如何在命名的时候，就将两者区分开来？

方法很简单，给jquery元素加个$开头——

var mydiv = document.getElementById( ′myId′ ); // 这个获取的结果是html元素

var $mydiv = $(′#myId′); // 这是通过jquery获取的结果，使用$开头表示

以后就非常直观了，凡是以$开头的元素，就是jquery元素，可以直接调用jquery的各种方法。