jqueryHow do I create an element using jQuery?
jQuery provides a simple and straightforward way to create elements. The following example code creates a <div>
element and appends it to the <body>
of the page.
$('<div/>', {
id: 'myDiv',
text: 'My div'
}).appendTo('body');
This will create a <div>
element with an id
of myDiv
and text content of My div
, and append it to the <body>
element.
The parts of the code are as follows:
$('<div/>')
creates a new<div>
element.{ id: 'myDiv', text: 'My div' }
is an object containing the properties for the element, in this caseid
andtext
..appendTo('body')
adds the element to the<body>
element.
Helpful links
More of Jquery
- How can I get the y position of an element using jQuery?
- How can I use JQuery with Yii2?
- How do I use the jQuery masked input plugin?
- How do I uncheck a checkbox using jQuery?
- How can I convert jQuery code to vanilla JavaScript?
- How can I convert XML data to JSON using jQuery?
- How can I use jQuery to control the visibility of an element?
- How do I use the jQuery UI Datepicker?
- How do I use jQuery to trigger an event?
- How do I use jQuery to toggle an element?
See more codes...