JQuery Class Selector Example

jquery

JQuery class selector selects elements by its class name. It represents the elements with specified class name. It inspects and manipulates the elements which are assigned to it. It contains class attribute of an element. It’s also possible to set styles for elements by using the class attribute. An element can contain multiple classes. If […]

JQuery ID Selector Example

jquery

JQuery Id selector selects elements with the given id attribute. It represents the tag with the given ID in the document object model. The id selector is a name preceded by a hash character (#). The id selector matches an element based on contents of the given id attribute which match exactly the value given […]

JQuery Has Attribute Selector Example

jquery

This tutorial explains usage of the has attribute selector in JQuery. The has attribute selector selects all the elements that has specified attribute and value. It represents the value mentioned in the attribute. For instance, id=”myval”, here id is an attribute and option is a value. The has attribute selector defines all the elements which […]

JQuery Header Selector Example

jquery

The header selector in JQuery selects all the heading elements of the web page. A header element typically contains section’s heading. It selects all the elements from h1 to h6 in the document. In short, the header selector contains at least one heading tag from h1 to h6. It is important to note that header […]

JQuery Hidden Selector Example

jquery

The hidden selector in JQuery selects all the hidden elements in the document. When testing an element with hidden selector, it should be considered that an absolute positioned element may be recognized as hidden although their children elements are visible. The hidden elements are elements that are considered hidden for some reasons such as their […]

JQuery File Selector Example

jquery

JQuery file selector selects all the elements with type file. In general we can say that, it is dialog box which displays tree of folders and files that allows users to select a file from the file system. It allows user to select any type and number of files from his local machine and navigate […]

JQuery First Selector Example

jquery

JQuery first selector selects first matched element of its parent in the document. It matches every first element of its parent of particular type. It represents first element, only if it is first child of its parent. It could match more than one matching element, but it would select only single element for each parent. […]

JQuery Focus Selector Example

jquery

JQuery focus selector selects the element that has focus. The focus selector used for styling an element that accepts keyboard input focus or other user inputs such as activating with the mouse. It is applied when an element accepts focus from user. It works with any selector events and focuses the element when it gets […]

JQuery Has Selector Example

jquery

JQuery has selector specifies the elements that matches the specified element which contain at least one element. It selects the element set with descendent selector that matches the selector or DOM element passed in the document. If any of its descendent elements matches the selector, the element will be stored in the result. It creates […]

JQuery Empty Selector Example

jquery

This tutorial highlights the benefits and usage of the empty selector in JQuery. JQuery empty selector selects all the elements that have no children. It represents the elements with no children which includes element nodes, text nodes etc. The comments or processing instructions which are not treated as child elements and they do not affect […]