JQuery vs Vanilla JavaScript - Versionsgeschichte

37.49.72.8: /* remove elements from dom */

2020-10-02T15:16:34Z

remove elements from dom

37.49.72.8: /* More Examples */

2020-10-02T15:15:54Z

More Examples

37.49.72.8: /* Working with events */

2020-10-02T15:11:01Z

Working with events

37.49.72.8 am 2. Oktober 2020 um 15:01 Uhr

2020-10-02T15:01:50Z

Änderungen zeigen

37.49.72.8: Die Seite wurde neu angelegt: „

  // remove element from dom var element = document.getElementById(actFile) element.parentNode.removeChild(element)  $( ".hello" ).remove();  // create im…“

2019-03-19T06:41:58Z

Die Seite wurde neu angelegt: „<pre> // remove element from dom var element = document.getElementById(actFile) element.parentNode.removeChild(element) $( ".hello" ).remove(); // create im…“

Neue Seite

<pre>

// remove element from dom
var element = document.getElementById(actFile)
element.parentNode.removeChild(element)

$( ".hello" ).remove();

// create image
let img = document.createElement('img')
var myImg = $('<img id="dynamic">');
$(document.createElement(myImg));

myImg.attr('src', responseObject.imgurl);

img.src = reader.result // set source from reader result (i.e. upload field)

</pre>

@@ Zeile 373: / Zeile 373: @@
 </syntaxhighlight>
-=== remove elements from dom ===
+=== remove elements from dom / create image ===
 <syntaxhighlight lang="javascript>

← Nächstältere Version		Version vom 2. Oktober 2020, 15:15 Uhr
Zeile 358:		Zeile 358:

	== More Examples ==		== More Examples ==
		+	=== uikit event handler ===
		+	<syntaxhighlight lang="javascript>
		+	// with jquery
		+	var ele = $('#target');
		+	ele.on('shown',function(e){
		+	UIkit.notification({ message: 'shown event fired', timeout:2000 });
		+	});

		+	// without jquery
		+	var ele = document.getElementById('target');
		+	ele.addEventListener('shown',function(e){
		+	UIkit.notification({ message: 'shown event fired', timeout:2000 });
		+	});
		+	</syntaxhighlight>
		+
		+	=== remove elements from dom ===
	<syntaxhighlight lang="javascript>		<syntaxhighlight lang="javascript>

@@ Zeile 82: / Zeile 82: @@
 #https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/#working-with-events
-There’s a myriad of ways to listen to events in jQuery, but whether you’re using .on(), .bind(), .live or .click(), you’ll make do with the JavaScript equivalent .addEventListener:
+There’s a myriad of ways to listen to events in jQuery, but '''whether you’re using .on(), .bind(), .live or .click()''', you’ll make do with the '''JavaScript equivalent .addEventListener:'''
 <syntaxhighlight lang="javascript>