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 do I use jQuery ZTree to create a hierarchical tree structure?
- How do I create a jQuery Yes/No dialog?
- How do I add a zoom feature to my website using jQuery?
- How do I use a jQuery zoom plugin?
- How do I use jQuery to zoom in or out on an element?
- How do I get the y-position of an element using jQuery?
- How can I use JQuery with Yii2?
- How do I prevent XSS attacks when using jQuery?
- How to use jQuery to achieve a specific task?
- How do I use jQuery to change the z-index of an element?
See more codes...