EN
jQuery - get element by id
6 points
In this article, we would like to show you how to get an element by id with jQuery.
Quick solution:
xxxxxxxxxx1
var element = $("#exampleId");And now we can make numerous operations on this selected element for example:
xxxxxxxxxx1
// change text of div2
$("#div-id").text("Changed text.");3
4
// change text of button5
$("#button-id").text("Changed text.");6
7
// change value of input8
$("input-id").val("Hello world");
Runnable example:
xxxxxxxxxx1
2
<html>3
<head>4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>5
</head>6
<body>7
<button id="example-id">Change text button</button>8
<script>9
10
$(document).ready(function() {11
var element = $('#example-id');12
13
element.click(function() {14
element.text('Text button has been changed');15
});16
});17
18
</script>19
</body>20
</html>Runnable example:
xxxxxxxxxx1
2
<html>3
<head>4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>5
</head>6
<body>7
<div id="example-id">Original text.</div>8
<button>Change Text Button</button>9
<script>10
11
$(document).ready(function() {12
var element = $("#example-id");13
14
$("button").click(function() {15
element.text("Changed text.");16
});17
});18
19
</script>20
</body>21
</html>