Adding content to a page
When we add html text to the .html() function to make it write content to a web page: https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20functions/ex3.js?actionable=true In this example the selector with .heading class will have all their html content replaced with
$(document).ready(function(){
XT1
});
</script>
Live demo
<style>#buy{color:#baff00;} #buy:hover{text-decoration:underline;} .highlighter{background-color: rgb(186 255 0 / 17%);}</style><div id="minidivpage" class="example-live"><h1 class="heading">This is a heading</h1><div id="popUp" class="pop-up">POP UP DIV</div><h4 class="heading-4">Categories in a webflow list:</h4><ul role="list" class="list"><li>Location</li><li>Position</li><li>Level</li></ul><h3 id="title" class="heading-3">This is a title</h3><div class="highlighter"></div><a id="buy" target="_blank" href="#">Link</a></div>
$(document).ready(function() {
XT1
});
</script>