Tag Archives | jquery selectors

jQuery – :visible Selector

The jQuery visible selector selects all elements that are visible. Elements are considered visible if they consume space in the document. Visible elements have a width or height that is greater than zero. Elements with visibility: hidden or opacity: 0 are considered to be visible, since they still consume space in the layout. Source Code [...]

Continue Reading ... Comments { 0 }

jQuery – :text Selector

The jQuery text selector Selects all elements of type text. jQuery(‘:reset ‘) is equivalent to jQuery(‘[type=text]‘) Source Code Demo Following example finds all text inputs and create a border. Text Button : Click Here

Continue Reading ... Comments { 0 }

jQuery – :submit Selector

The jQuery submit selector selects all elements of type submit. jQuery(‘:reset ‘) is equivalent to jQuery(‘[type=submit]‘) Source Code Demo Following example finds all submit inputs and create a border. Submit Button : Click Here

Continue Reading ... Comments { 0 }

jQuery – :selected Selector

The jQuery selected selector selects all elements that are selected. The :selected selector works for <option> elements. It does not work for checkboxes or radio buttons. Source Code Demo Following example finds all selected item in an option element and displays them in a div. Apple Mango Banana Pineapple Grapes Click Here

Continue Reading ... Comments { 0 }

jQuery – :reset Selector

The jQuery reset selector selects all elements of type reset. jQuery(‘:reset ‘) is equivalent to jQuery(‘[type=reset ]‘) or jQuery(‘input:reset ‘) Source Code Demo Following example finds all reset inputs and create a border. Reset Button : Click Here

Continue Reading ... Comments { 0 }

jQuery – :radio Selector

The jQuery radio selector selects all elements of type radio. jQuery(‘:radio’) is equivalent to jQuery(‘[type=radio]‘) or jQuery(‘input:radio’) Source Code Demo Following example finds all radio inputs and create a border. Radio Button : Click Here

Continue Reading ... Comments { 0 }

jQuery – :password Selector

The jQuery password selector selects all elements of type password. Source Code Demo Following example finds all password inputs and create a border. Password : Click Here

Continue Reading ... Comments { 0 }

jQuery – :parent Selector

The jQuery parent selector select all elements that are the parent of another element, including text nodes. This is the inverse of :empty. Source Code Demo Following example finds all <h3> with children, including text and create a border. Text 1 Click Here

Continue Reading ... Comments { 0 }

jQuery – :only-child Selector

The jQuery only-child selector selects all elements that are the only child of their parent. If the parent has other child elements, nothing is matched. Source Code Demo Following example finds each h4 element that is the only child of div and create a border. Text 1 Text 3 Text 4 Click Here

Continue Reading ... Comments { 0 }

jQuery – :odd Selector

The jQuery odd selector selects odd elements within the matched set. : odd selector use 0-based indexing. Source Code Demo Following example finds odd h4 elements (in div having class=”div1″), matching the second, fourth and so on (index 1, 3, 5 etc.). Text 1 Text 2 Text 3 Click Here

Continue Reading ... Comments { 0 }