<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>iuttu &#187; dojo</title> <atom:link href="http://www.iuttu.com/tag/dojo/feed/" rel="self" type="application/rss+xml" /><link>http://www.iuttu.com</link> <description>Desarrollo web</description> <lastBuildDate>Mon, 23 Jan 2012 16:52:04 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>De Mootools a jQuery: comprobar si un elemento existe</title><link>http://www.iuttu.com/2009/03/de-mootools-a-jquery-comprobar-si-un-elemento-existe/</link> <comments>http://www.iuttu.com/2009/03/de-mootools-a-jquery-comprobar-si-un-elemento-existe/#comments</comments> <pubDate>Sun, 15 Mar 2009 11:26:01 +0000</pubDate> <dc:creator>iuttu</dc:creator> <category><![CDATA[javascript]]></category> <category><![CDATA[Programación]]></category> <category><![CDATA[dojo]]></category> <category><![CDATA[frameworks]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[mootools]]></category> <guid
isPermaLink="false">http://blog.iuttu.com/?p=190</guid> <description><![CDATA[Para los que estamos acostumbrados a mootools, nos es habitual comprobar si un elemento (tag html con id) existe antes de lanzar los scripts, siempre lo hacemos de la misma manera: 1 if &#40;$&#40;&#34;elemento&#34;&#41;&#41; &#123; alert&#40;&#34;adelaaaaaaaanteee&#34;&#41;; &#125; Pero si pasamos a jQuery, vemos que si lo hacemos así, la expresión siempre devolverá cierto. Ya que [...]]]></description> <content:encoded><![CDATA[<p>Para los que estamos acostumbrados a <a
href="http://www.mootools.net">mootools</a>, nos es habitual comprobar si un elemento (tag html con id) existe antes de lanzar los scripts, siempre lo hacemos de la misma manera:</p><div
class="wp_syntax"><table><tr><td
class="line_numbers"><pre>1
</pre></td><td
class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;elemento&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;adelaaaaaaaanteee&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #009900;">&#125;</span></pre></td></tr></table></div><p>Pero si pasamos a <a
href="http://jquery.com">jQuery</a>, vemos que si lo hacemos así, la expresión siempre devolverá <strong>cierto</strong>. Ya que la función $(&#8220;&#8221;) en <a
href="http://jquery.com">jQuery</a> siempre devuelve un array de elementos. Sabiendo esto, lo que tenemos que comprobar para saber si un elemento existe, es comprobar la longitud del array que  nos devuelve:</p><div
class="wp_syntax"><table><tr><td
class="line_numbers"><pre>1
</pre></td><td
class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;elemento&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;adelaaaaaanteee&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span></pre></td></tr></table></div><p>Ya puestos, en <a
href="http://www.dojotoolkit.org/">dojo</a> tendríamos que hacer esto:</p><div
class="wp_syntax"><table><tr><td
class="line_numbers"><pre>1
</pre></td><td
class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>dojo.<span style="color: #660066;">byId</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'elemento'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>  <span style="color: #009900;">&#123;</span> <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;adelaaaaaanteee&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span></pre></td></tr></table></div> ]]></content:encoded> <wfw:commentRss>http://www.iuttu.com/2009/03/de-mootools-a-jquery-comprobar-si-un-elemento-existe/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 7/13 queries in 0.017 seconds using disk: basic

Served from: www.iuttu.com @ 2012-02-06 14:32:50 -->
