$('#selector').on('click',function(){
//Your code here
}); // There are quite a few abstracted versions of the following
$('element').on('event', function() {
// Do something
});
// Where 'event' is something such as 'click', 'hover' etc
// They are abstracted as seen below
$('element').click(function(){
// Do something
});
$('element').hover(function(){
// Do something
});
// etc...function myfunction() {
console.log("function");
};
myfunction() //Should say "function" in the console.
function calculate(x, y, op) {
var answer;
if ( op = "add" ) {
answer = x + y;
};
else if ( op = "sub" ) {
answer = x - y;
};
else if ( op = "multi" ) {
answer = x * y;
};
else if ( op = "divide" ) {
answer = x / y;
};
else {
answer = "Error";
};
return answer;
};
console.log(calculate(15, 3, "divide")); //Should say 5 in console.
//I hope I helped!<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>$ is alias to jquery by default. In the place of $ we can use Jquery by default. Jquery is almost simplying code of js this is too we can consider as simplification of code.$('[myc="blue"],[myid="1"],[myid="3"]');