掷鸡蛋者
发表于: 2012/4/20 8:36 引用 回复 只看该作者 1# TOP
管理员
性别: 男
积分:52191
阅读权限:43393
帖子: 8322
加入时间: 2010/4/29
最后登录: 2020/12/4
一个小技巧分享,也许你已知道或者有不同意见,见笑了……
------------------------------------------------------------------

我个人认为,变量命名是很重要的,其重要性大概可以在编程的诸多因素中排前三位。
只有命名清楚,才能让代码清晰易读。

在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的各种方法。

关键词 jquery, 小技巧, js 修改tag
相关文章
而死,不默而生
imneo
发表于: 2012/4/29 9:32 引用 回复 只看该作者 2# TOP
版主
性别: 保密
积分:1083
阅读权限:1256
帖子: 278
加入时间: 2012/4/10
最后登录: 2013/10/25
不错的,我一般都是在变量前加 jq 前缀。

快速回复主题