JQuery: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) |
Jochen (Diskussion | Beiträge) |
||
| Zeile 18: | Zeile 18: | ||
<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> | ||
Version vom 7. März 2018, 09:56 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 verwedndet.
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);})();