<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"> 
<channel>
    

    <title>Hallo jQuery, ich bin da ...</title>
    <link>http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/</link>
    <description>Manchmal scheint selbst jQuery zu einfach gestrickt zu sein, um die L&#246;sung f&#252;r naheliegende Aufgaben mitzubringen. jQuery erlaubt die Manipulation von Elementen auf Basis von Events. Ein Klick &#45;&gt; tu was, Hover in/out &#45;&gt; tu was anderes. Will man aber ein Element nur aufgrund seiner Anwesenheit im Layout modifizieren, f&#228;llt die L&#246;sung nicht so leicht ins Auge.

Helfen kann man sich in diesem Fall mit $(selector).each(function(){ ... }); oder indem man per if ... then auf das gew&#252;nschte Element pr&#252;ft. Gerade habe ich dar&#252;ber mit David Maciejewski (Mr. Technikw&#252;rze) im Chat gequatscht und wenige Minuten sp&#228;ter war seine knuffige L&#246;sung fertig und gebloggt.

Die Anwendung ist dann ganz einfach ...

$(&#39;#meinDIv&#39;).found(function(){
    alert(&#39;Ja, mich gibt es, stell was mit mir an.&#39;);
});

... schaut&#8217;s Euch mal an.

&amp;nbsp;</description>
    <dc:language>de-de</dc:language>
    <dc:creator>Dirk</dc:creator>
    <dc:rights>Copyright 2008</dc:rights>
    <dc:date>2008-05-16T;11:25:34+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://www.expressionengine.com/" />
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/"
    trackback:ping="http://www.highresolution.info/trackback/1298/q1JaS2eB/"
    dc:title="Hallo jQuery, ich bin da ..."
    dc:identifier="http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/" 
    dc:subject="jQuery"
    dc:description="Manchmal scheint selbst &amp;lt;a href=&quot;http://www.jquery.com&quot; title=&quot;jQuery&quot;&amp;gt;jQuery&amp;lt;/a&amp;gt; zu einfach gestrickt zu sein, um die L&#246;sung f&#252;r naheliegende Aufgaben mitzubringen. jQuery erlaubt die Manipulation von Elementen auf Basis von Events. Ein Klick &#45;&amp;gt; tu was, Hover in/out &#45;&amp;gt; tu was anderes. Will man aber ein Element nur aufgrund seiner Anwesenheit im Layout modifizieren, f&#228;llt die L&#246;sung nicht so leicht ins Auge. Helfen kann man sich in diesem Fall mit &amp;lt;code&amp;gt;$(selector).each(function(){&#8230;"
    dc:creator="Dirk"
    dc:date="2008-05-16 11:25:34 AM GMT" />
</rdf:RDF>
--> 


    <item>
      <title>Kommentar von macx</title>
      <link>http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/</link>
      <description>@2meter3: Dein Beispiel passt nicht, denn du führst nur eine (!) Funktion aus. Ich möchte aber, dass du beliebig viele ausführen kannst, ohne dass ich dafür eine extra Funktion schreiben muss, also ähnlich wie es mit each() funktioniert. Die Lösung gibts ja auf meiner Seite.</description>
      <content:encoded><![CDATA[<p>@2meter3: Dein Beispiel passt nicht, denn du führst nur eine (!) Funktion aus. Ich möchte aber, dass du beliebig viele ausführen kannst, ohne dass ich dafür eine extra Funktion schreiben muss, also ähnlich wie es mit each() funktioniert. Die Lösung gibts ja auf meiner Seite.
</p>]]></content:encoded>
    <dc:date>2012-01-18T;11:39:34+00:00</dc:date>
    </item>

    <item>
      <title>Kommentar von 2meter3</title>
      <link>http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/</link>
      <description>yeah, smiley&#45;power. die smileys sind einfach nur schließende klammern&#8230;</description>
      <content:encoded><![CDATA[<p>yeah, smiley-power. die smileys sind einfach nur schließende klammern&#8230;
</p>]]></content:encoded>
    <dc:date>2012-01-18T;11:39:34+00:00</dc:date>
    </item>

    <item>
      <title>Kommentar von 2meter3</title>
      <link>http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/</link>
      <description>Hm, vielleicht ist jQuery nicht zu einfach, sondern ihr denkt zu kompliziert? Oder versteh ich das Problem nicht?

Alles, was in einem $(document).ready() &#123;&#125; Block steht, kann unmittelbar ausgeführt werden.

$(&#8217;#meinDiv&#8217;).jQueryFunktion(&#8220;bla&#8221;, &#8220;blubb&#8221;);

#meinDiv muss in diesem Fall nicht mit einem Ereignis verknüpft werden.

Alle jQuery&#45;Funktionen &#8220;arbeiten&#8221; auch auf dem leeren jQuery&#45;Objekt. Wenn #meinDiv nicht im DOM existiert, gibts somit keinen Fehler, sondern es passiert einfach gar nichts.

Oder gehts darum, in Abhängigkeit von der Existenz eines DOM&#45;Elements nicht&#45;jQuery&#45;Funktionalität auszuführen? In dem Fall reicht ein einfache Bedingung, die die length&#45;Eigenschaft des jQuery&#45;Objekts prüft:

if($(&#8217;#meinDiv&#8217;).length) &#123;&#125;</description>
      <content:encoded><![CDATA[<p>Hm, vielleicht ist jQuery nicht zu einfach, sondern ihr denkt zu kompliziert? Oder versteh ich das Problem nicht?</p>

<p>Alles, was in einem $(document).ready() &#123;&#125; Block steht, kann unmittelbar ausgeführt werden.</p>

<p>$(&#8217;#meinDiv&#8217;).jQueryFunktion(&#8220;bla&#8221;, &#8220;blubb&#8221;);</p>

<p>#meinDiv muss in diesem Fall nicht mit einem Ereignis verknüpft werden.</p>

<p>Alle jQuery-Funktionen &#8220;arbeiten&#8221; auch auf dem leeren jQuery-Objekt. Wenn #meinDiv nicht im DOM existiert, gibts somit keinen Fehler, sondern es passiert einfach gar nichts.</p>

<p>Oder gehts darum, in Abhängigkeit von der Existenz eines DOM-Elements nicht-jQuery-Funktionalität auszuführen? In dem Fall reicht ein einfache Bedingung, die die length-Eigenschaft des jQuery-Objekts prüft:</p>

<p>if($(&#8217;#meinDiv&#8217;).length) &#123;&#125;
</p>]]></content:encoded>
    <dc:date>2012-01-18T;11:39:34+00:00</dc:date>
    </item>

    <item>
      <title>Kommentar von macx</title>
      <link>http://www.highresolution.info/weblog/entry/hallo_jquery_ich_bin_da/</link>
      <description>Danke für die Tipps und das Spreading.</description>
      <content:encoded><![CDATA[<p>Danke für die Tipps und das Spreading.
</p>]]></content:encoded>
    <dc:date>2012-01-18T;11:39:34+00:00</dc:date>
    </item>
 

</channel>
</rss>
