JQuery: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) |
Jochen (Diskussion | Beiträge) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 14: | Zeile 14: | ||
= Verwendung von jQuery in der Console der Chrome Developer Tools = | = Verwendung von jQuery in der Console der Chrome Developer Tools = | ||
Zur Verwendung von jQuery in den Chrome Developer Tools kann folgendes Script in der Console ausgeführt werden. Danach wir <code>$</code> für jQuery | Zur Verwendung von jQuery in den Chrome Developer Tools kann folgendes Script in der Console ausgeführt werden. Danach wir <code>$</code> für jQuery verwendet. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script); | var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script); | ||
</syntaxhighlight> | |||
Als Bookmarklet kann folgender Code verwendet werden. | |||
<syntaxhighlight lang="javascript"> | |||
javascript:(function(){var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);})(); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
Aktuelle Version vom 18. März 2018, 14:23 Uhr
Scroll to ID
Der folgende Code-Ausschnitt zeigt eine Möglichkeit zu einem HTML Tag mit der spezifizierten ID zu scrollen.
// Scroll to the element, which id attribute's value is equal the URL hash.
$(document.body).scrollTop($("#myID").offset().top);
Verwendung von jQuery in der Console der Chrome Developer Tools
Zur Verwendung von jQuery in den Chrome Developer Tools kann folgendes Script in der Console ausgeführt werden. Danach wir $ für jQuery verwendet.
var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);
Als Bookmarklet kann folgender Code verwendet werden.
javascript:(function(){var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);})();