前端框架对页面的损害+js判断一个dom是否存在某个属性

目录

进入主题

• 今天遇到一个问题就是引发了我对各种前端框架的思考。
• 首先我个人认为前端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是求变量类型。