:textS2C Home « Selectors « :text

• <<    :submit Selector
• Child Selector     >>

Form text selector.

Shorthand version $(':text')

Description

The :text selector, selects all elements of type text.

• Being a jQuery extension the :reset pseudo selector is not part of any current CSS specification. Therefore :reset cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method.
• The same results can be achieved using the Attribute Equals Selector via $('[type=submit]'), without the hit to performance.
• If this selector is not preceded by another selector, the universal selector ("*") is implied and so the whole DOM will be searched. Use another selector as in the example below to narrow the search and improve performance.

Syntax

Parameters

None.

Return

N/A.

:text ExampleTop

Selects all elements of type text.

In the example below we apply an orange background to 'text' elements within the form.

$(function(){
  $('.ourform').submit(function () { return false; }); // disable submit 
  $('#btn1').on('click', function() {

    $('form input:text').css('backgroundColor', 'orange');
  });
});

• <<    :submit Selector
• Child Selector     >>