JQuery Text Selector Example

This tutorial explains usage of text selector in jQuery. The text selector selects only the text elements in the form. It selects all the <input type=”text”> elements in the document. The text selector is similar to $(‘[type=text]’) which returns text content of all matched elements. It is recommended that, it should start with colon (:) preceding with tag name; otherwise by default it uses universal selector (*) which selects all the elements in a page.

As shown in the above program, we have used the code inside $(document).ready which is an event which fires up when document is ready. It will run once the page document object model is ready for JavaScript code to execute.

$(“:text”).css(“border”,”3px dotted blue”); line defines text selector which selects all the elements of input type text. The selected elements will get display with blue color dotted border.

He is Founder and Chief Editor of JavaBeat. He has more than 8+ years of experience on developing Web applications. He writes about Spring, DOJO, JSF, Hibernate and many other emerging technologies in this blog.