码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-13 10:32:54      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:jquery   前端   

目录

进入主题

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

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

标签:jquery   前端   

原文地址:http://blog.csdn.net/u013887254/article/details/45678891

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!