Jsq

491 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
491
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide








  • Jsq

    1. 1. JQUERY Anwednungsbeispiele
    2. 2. WAS IST JQUERY? • Javascript Framework
    3. 3. JAVASCRIPT-FRAMEWORKS? • Bibliotheken mit Funktionen • Funktionenzum modifizieren von DOM und Navigation = einfacheres und schnelleres Entwickeln • Es gibt viele Frameworks: jQuery, MooTools, Prototype, Scriptaculous, Dojo, YUI, Rico...
    4. 4. WARUM JQUERY? • Populärstes Framework > Viele Plugins (4000+) • Entwicklerfreundlich • Freundlich zu anderen Bibliotheken • Browserfreundlich
    5. 5. BEISPIEL WAS JQUERY EINFACHER MACHT
    6. 6. • /* is this stuff defined? */ if (!document.ELEMENT_NODE) { document.ELEMENT_NODE = 1; document.ATTRIBUTE_NODE = 2; document.TEXT_NODE = 3; document.CDATA_SECTION_NODE = 4; document.ENTITY_REFERENCE_NODE = 5; document.ENTITY_NODE = 6; document.PROCESSING_INSTRUCTION_NODE = 7; document.COMMENT_NODE = 8; document.DOCUMENT_NODE = 9; document.DOCUMENT_TYPE_NODE = 10; document.DOCUMENT_FRAGMENT_NODE = 11; document.NOTATION_NODE = 12; } document._importNode = function(node, allChildren) { /* find the node type to import */ switch (node.nodeType) { case document.ELEMENT_NODE: /* create a new element */ var newNode = document.createElement(node.nodeName); /* does the node have any attributes to add? */ if (node.attributes && node.attributes.length > 0) /* add all of the attributes */ for (var i = 0, il = node.attributes.length; i < il;) newNode.setAttribute(node.attributes[i].nodeName, node.getAttribute(node.attributes[i+ +].nodeName)); /* are we going after children too, and does the node have any? */ if (allChildren && node.childNodes && node.childNodes.length > 0) /* recursively get all of the child nodes */ for (var i = 0, il = node.childNodes.length; i < il;) newNode.appendChild(document._importNode(node.childNodes[i++], allChildren)); return newNode; break; case document.TEXT_NODE: case document.CDATA_SECTION_NODE: case document.COMMENT_NODE: return document.createTextNode(node.nodeValue); break; } };
    7. 7. • $(„#content“).load(seite2.html #content“);
    8. 8. • Beispiele

    ×