目录
进入主题
- 今天遇到一个问题就是引发了我对各种前端框架的思考。
- 首先我个人认为前端js+css框架，多数其实原理是这样的：
- 写页面的时候使用框架提供的css类。
- 然后框架通过这些预定义样式提供美观的界面。
- 涉及到功能的则是通过jquery的选择器根据class选择到dom元素，然后对dom元素进行操作。
- 完毕
- 如上所述，框架会对页面dom元素进行简单的修改。
我的经历
- 今天我使用框架，使用了框架的dialog，我的dialog中有个checkbox哦。然后我又调用相关方法destroy掉dialog之后。发现我的checkbox倒是没丢，但是checkbox的value属性没了（我原始代码中checkbox的value是设置了的）。
- 问题解释：其实这个问题说明的就是，当框架去把我的某个form或者div修改为dialog的时候肯定对dom进行修改。然后再调用方法destroy掉dialog的时候会复原。但是这个复原是如何复原呢？比如A->B，复原是按照一定规则B->C呢？还是B->A呢？我想此处我用的这个框架肯定是根据框架自身形成dialog的规则进行倒回去的操作了一遍，而不是从页面找到了我原先的dom进行复原。
- 正好checkbox的value我用到了，郁闷了好久。
特此记下造福后人
如何判断一个dom是否存在某个属性
- 关于如何判断一个dom是否存在某个样式jquery提供了非常遍历的方法hasClass。
- 但是却没提供方法判断是否存在某个属性。
- 现提供一个方法如下（这个是摘自网络）：
比如我们要判断a标签是否包含rel属性：
如果存在某个属性$(“a”).attr(“rel”)会返回 rel的值，如果不存在 rel属性则会返回"undefined"。
if($("a").attr("rel")=="undefined")
这个判断永远不会不成立。因为类型不相同。undefined 就是 undefined类型。所以改为：
if(typeof($("a").attr("rel")) == "undefined")
typeof是求变量类型。