How to use Text Selector Method in JQuery

This article describe about :text Selector Method in JQuery.
  • 1732

Use :text Selector method in jQuery

We select specified input elements with type="text".

This method put the text value for input element.


<!DOCTYPE html>



<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $(":text").css("background-color", "red");





<form action="">

Name: <input type="text" name="user" />

<br />

Password: <input type="password" name="password" />


<input type="reset" value="Reset" />

<input type="submit" value="Submit" />

<br />






You may also want to read these related articles here

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.