Online jQuery Editor

Browse more Jquery Examples

<!DOCTYPE html>
<html>
<head>
<title>Try jQuery Online</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
   $("em").addClass("selected");
   $("#myid").addClass("highlight");
   
});
var f=['a','b'];
function showlist(){
    alert(f.length);
    for(i=0;i<f.length;i++)
    {
        document.getElementById("showfruits").innerHTML=f[i];
    }
}
</script>
<style>
.selected { 
    color:red; 
}
.highlight { 
    background:yellow; 
}
</style>
</head>
<body>
<em title="Bold and Brave">This is first paragraph.</em>
<p id="myid">This is second paragraph.</p>
<button onclick="showlist()">test</button>
<ul><li id="showfruits"></li></ul>
</body>
</html>

Online jQuery Editor

Follow

Newsletter