jQuery first() Method

You are Here:

jQuery first() Method

The jQuery first() method selects the first element of the selected elements.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery first() Method</h1> <p>This is paragraph1</p> <div style="border: 1px solid black;"> <p>This is paragraph2</p> <p>This is paragraph3</p> </div> <p>This is paragraph4</p> <script> $(document).ready(function(){ $("div p").first().css("color", "blue"); }); </script> </body> </html>

Syntax

$(selector).first();

Reminder

Hi Developers, we almost covered 99.5% of jQuery Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in jQuery.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author