[jQuery]Probleme beim ändern der Inline Styles

[xXxPeterPanxXx]

Hallo,
ich arbeite heute das erstemal mit jQuery und verstehe die Welt nicht mehr. Die Syntax ist total anders, als beim Standard JS und ist meiner Meinung nach unnötig kompliziert gemacht worden.

Den ganzen Tag schlage ich mich mit Fehlern rum. Jetzt hänge ich an diesem Code:

<script type="text/javascript">
$("ul[id='navi']").("ul").css('display', 'none');
</script>

Dieser jQuery Code soll am Ende des Body ausgeführt werden und die Dropdown Navi einfahren. Vielleicht sieht der Code unnötig aus, aber er soll garantieren, dass die Seite auch mit deaktiviertem JS funktioniert.

Nur leider passiert nichts.

Hier die HTML Navi:

<ul id="navi">

<li id="li1">
Mathematik
    <ul style="display:block">
        <li>Wurzelrechner</li>
        <li>Dropdown Link2</li>
    </ul>
</li>


<li id="li2">
Link2
    <ul style="display:block">
        <li>Dropdown Link1</li>
        <li>Dropdown Link2</li>
    </ul>
</li>


<li id="li3">
Link2
    <ul style="display:block">
        <li>Dropdown Link1</li>
        <li>Dropdown Link2</li>
    </ul>
</li>
</ul>

In der Fehlerkonsole steht folgendes:
Fehler: XML filter is applied to non-XML value ({length:1, prevObject:{0:#1=({}), context:#1#, length:1}, context:#1#, selector:"ul[id='navi']", 0:({})})
Zeile: 65

Gruß xXxPeterPanxXx

 

[vitus37]

jQuery bietet volle Unterstützung für CSS-Selektoren, demnach kannst du sehr simpel zugreifen:

<script type="text/javascript">
$("#navi ul").css('display', 'none');
</script>

Oder noch einfacher:

<script type="text/javascript">
$("#navi ul").hide();
</script>

Ich persönlich finde die jquery-Syntax etwas leichter, aber das mag daher kommen, dass ich mich mit JS selbst nie besonders tiefgehend beschäftigt habe.
Gruß

 

[xXxPeterPanxXx]

Das habe ich nicht gewusst. Gibt es doch was gutes an jQuery :)

Das Skript funktioniert.

Danke Vitus