jQuery's children() method

Ethan Karla 405 28 Jul 2021

What is the use of jQuery's children() method?

Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

1 Answers

Anonymous User 04 Aug 2021

jQuery chidren() method is an inbuilt method in jQuery which is use to find the children element of the selector element.

It's Syntax is :

$(selector).children()

Let's take a look at below example for better understanding :

<!DOCTYPE html>

<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>

<head>

    <meta charset='utf-8' />

    <title>Children Method in jQuery</title>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

    <script>

        $(document).ready(function () {

            $('div').children().css({

                'background-color': 'yellow',

                'padding': '10px',

                'border': '2px solid blue'

            });

        });

    </script>

</head>

<body>

    <div class='parent' style='width:500px;'>Parent Class!!

        <p>This is first child

            <span>This is grandchild</span>

        </p>

        <p>This is Second children

            <span>This is grandchild</span>

        </p>

    </div>

</body>

</html>

Hope this will help you.

Happy Coding!

forum

jQuery's children() method

Can you answer this question?

1 Answers