jQuery Tutorial

jQuery HomejQuery Basic ProgramjQuery ready()jQuery noConflict()jQuery globalEval()jQuery trim()jQuery type()jQuery length

jQuery Methods

jQuery Callback MethodsjQuery Deferred MethodsjQuery Selector MethodsjQuery MouseEvent MethodsjQuery KeyboardEvent MethodsjQuery Form MethodsjQuery CSS MethodsjQuery Attribute MethodsjQuery DOM MethodsjQuery Array MethodsjQuery Object MethodsjQuery Effects MethodsjQuery Parser MethodsjQuery Event MethodsjQuery Time MethodsjQuery Check MethodsjQuery Event Handler MethodsjQuery Miscellaneous Methods

jQuery Properties

jQuery Event PropertiesjQuery Effects Properties

jQuery Selectors

jQuery Selectors

jQuery HTTP


jQuery Reference

JS KeycodeMIME TypesASCII Table

jQuery :only-of-type Selector

Last Updated:

jQuery :only-of-type Selector

The jQuery :only-of-type selector selects all elements that have no siblings with the same element name.


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> <style> div{ border: 1px solid black; margin: 10px 0px; } </style> </head> <body> <h1>jQuery selector :only-of-type</h1> <p>This is paragraph1</p> <div> <p>This is paragraph1</p> </div> <div> <p>This is paragraph1</p> <p>This is paragraph2</p> </div> <div> <p>This is paragraph1</p> <a href="/css">Learn CSS</a> </div> <script> $(document).ready(function(){ $("p:only-of-type").css("color","green"); }); </script> </body> </html>



Browser Support

Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet

Share this Page

Meet the Author