jQuery map() Methode
|
1 2 3 4 5 |
var optionsData = $.map(data, function (obj) { obj.id = obj.keyword_id; obj.text = obj.keyword_value; return obj; }); |
Weiterlesen
Schlagwort-Archiv: jQuery
Iframes und Jquery
|
1 |
$('#iframe').contents().find('html').html("<h1 style='text-align: center;'>hello iframe</h1>"); |
Distributed JavaScript Widgets mit jQuery programmieren
Building Distributed JavaScript Widgets with jQuery from benvinegar How to build a web widget (using jQuery)
WeiterlesenjQuery Cheat Sheet
|
1 2 3 4 |
$("Vorfahre Nachkomme"); // Alle Nachfahren eines Tags $("Elternteil > Kind"); // ein direkt folgendes Kind $("Element ~ Geschwister"); // Alle Geschwister eines Tags $("Element + Nachfolger"); // Nur die Nachfolger eines Tags |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(".item div:even"); // $(".item div:odd"); // $(".item div:first"); // $(".item div:checked"); $(".item div:after"); $(".item div:not('.active')"); $(".item div:nth-child(2)"); $(".item div:nth-last-child(2)"); $(".item div:nth-of-type(2)"); $(".item div:nth-last-of-type(2)"); $(".item div:first-child"); $(".item div:last-child"); $(".item div:only-child"); $(".item div:only-of-type"); $(".item div:first-of-type"); $(".item *:eq(3)"); // Das 4. Element unter .item $(".item div:eq(3)"); // Das 4. DIV-Element unter .item |
|
1 2 3 4 5 6 7 8 |
$("a[title]") ; // Nur Links mit einem title-Attribut $("div[class='example']"); // Alle DIVs mit class-Attribut example $("div[class*='test']"); // Alle mit einer Klasse dertest atest usw. $("div[class^='test']"); // class Beginnt mit test $("div[href$='.jpg']"); // href endet mit .jpg $("div[class~='image']"); // in class-Attribut kommt image vor $("div[class*='e']:contains('Test')") $('[data-toggle="tooltip"]') |
Traversing Methoden
|
1 2 3 4 |
$(".item").parents('.main'); // Der nächste Vorfahre mit der Klasse .main $(".item").parent(); // Eltern Element $(".item").children(); // Alle Kind Elemente $(".item").siblings(); // Alle Geschwister |
Weblinks jQuery Quick API Reference 11
WeiterlesenTop Web UI Frameworks mit HTML5, CSS und Javascript
CSS UI Frameworks mit Javascript Unterstützung Bootstrap http://getbootstrap.com Das wohl am meist verbreitete CSS Framework mit Javascript Komponenten. Semantic UI http://semantic-ui.com Ein sehr interessantes CSS Framework ebenfalls mit Javascript Unterstützung. Im Vergleich enthält das Semantic UI Framework mehr Styles und Komponenten als Bootsrap. Materialize CSS Projektseite, Demos Materialize is a modern responsive CSS front-end framework […]
WeiterlesenTop jQuery UI Libraries
jQuery UI – Projektwebseite – Demos Wijmo – basiert auf jQuery UI – Projektseite – Demos jQuery EasyUI – Projektwebseite – Demos jQWidgets – Advanced jQuery and HTML5 UI framework – Projektwebseite – Demos zinoUI – Projektseite – Demos Kendo UI – Projektseite – Demos – Core UI Download webix.com – JavaScript UI Framework for […]
WeiterlesenEin jQuery PlugIn erstellen
Wenn man täglich mit JQuery arbeitet, bietet es sich an direkt ein PluIn zu schreiben. Diese können dann in anderen Projekten problemlos wieder verwendet werden.
Weiterlesen