Search
showing results for - "jquery set content and attributes"
Kamil
26 Jan 2018
1<!DOCTYPE html>
2<html>
3<head>
4<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
5<script>
6$(document).ready(function(){
7  $("#btn1").click(function(){
8    $("#test1").text("Hello world!");
9  });
10  $("#btn2").click(function(){
11    $("#test2").html("<b>Hello world!</b>");
12  });
13  $("#btn3").click(function(){
14    $("#test3").val("Dolly Duck");
15  });
16});
17</script>
18</head>
19<body>
20
21<p id="test1">This is a paragraph.</p>
22<p id="test2">This is another paragraph.</p>
23
24<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
25
26<button id="btn1">Set Text</button>
27<button id="btn2">Set HTML</button>
28<button id="btn3">Set Value</button>
29
30</body>
31</html>
32
Arianna
15 Oct 2020
1<!DOCTYPE html>
2<html>
3<head>
4<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
5<script>
6$(document).ready(function(){
7  $("#btn1").click(function(){
8    $("#test1").text("Hello world!");
9  });
10  $("#btn2").click(function(){
11    $("#test2").html("<b>Hello world!</b>");
12  });
13  $("#btn3").click(function(){
14    $("#test3").val("Dolly Duck");
15  });
16});
17</script>
18</head>
19<body>
20
21<p id="test1">This is a paragraph.</p>
22<p id="test2">This is another paragraph.</p>
23
24<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
25
26<button id="btn1">Set Text</button>
27<button id="btn2">Set HTML</button>
28<button id="btn3">Set Value</button>
29
30</body>
31</html>
similar questions
jquery set html of elementjquery get content and attributesjquery change textjquery display text in divjquery get content of divchange html using jqueryjquery replace htmljquery set inner textjquery contentsjquery replace text in divjquery set attjquery text value and value set by idchange p text jqwueryjquery get element innertextjquery change text of divmanually set jquery text boxjqueryreplace content of divjquery get content and attributeschange text of paragraph jqueryget div text jquery
queries leading to this page
set content div jqueryjquery get an attribute and give elementjquery change value of attributeset value to html element jqueryjquery set element contentset content jqueryset element attribute in jqueryget property from tag jqueryjquery attr value examplejquery tag with contentjquery get atrjquery set content of pset content a jqueryjquery set element html contentjquery set content of divjquery contentset value of jquery elementjquery html element contenthow to set the content in div jqueryjquery set div contentcontent in jqueryjquery set data properties to an elementget attributes jqueryjquery set attributesjquery set content of elementjquery set content and attributeshtml content using jqueryjquery change text attributeget attributes valuejquery html text valueset html content of tag jqueryjquery change html textjquery set content and attributesset content of a div with jqueryhow to change the content of a p in jqueryjquery set contenthow to get the value of html element in jqueryhow to change the content of a html element in jqueryset content of div jqueryset content in jqueryset content in div jqueryhow to change content in jqueryset value attribute jqueryset text jqueryto get attribute value in jquerysetting content of element jqueryget the value of a tag jqueryjquer element content setjquery add value to html elementjquery get section attributehow to change attr with jqueryget div attribute value jqueryhow to get element attribute value in jqueryjquery html contentshow attribute as text jqueryget attribute from form jqueryjquey set element contentjquery set content and attributes