Codelab Editor
Free Online HTML Editor
Run
Learn jQuery
<!DOCTYPE html> <html> <head> <title>jQuery Example</title> </head> <body> <h2>jQuery $() Function Syntax</h2> <p>Hide the paragraph using the button.</p> <p id="myPara">This is a paragraph.</p> <button id="hideBtn">Hide Paragraph</button> <script> $(document).ready(function(){ $("#hideBtn").click(function(){ $("#myPara").hide(); }); }); </script> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console