jQuery > Child Element Selector

jQuery Selectors

Child selectors (>) select all elements that are direct children of the specified element.

Note:Child selectors are used to select elements within an element.

Syntax:

$("parent > child")

Example

Select all <p> elements that are direct children of the <div> element:

$("document").ready(function(){
　　$("div > p").css("background", "mediumpurple");
});

Parameter Value

jQuery Selectors