我的Web学习之路1——input,textarea获得/失去焦点时隐藏/显示文字

          首先要引入jquery包。

          例如：jsp或者html中：

                               <div>

                                    <span><label>联系电话</label></span>

                                    <span><input name="userPhone" type="text" class="textBox" value="您的手机号码"></span>

                                </div>

                                <div>

                                    <span><label>地址</label></span>

                                    <span><textarea name="userAdd" class="textBox">您的详细地址</textarea></span>
                            </div>

                   注意textarea没有value属性，但是可以像上面那样写它的value。

               相应js中：

                        $(function(){

                           $(".textBox").bind({

                                 focus:function(){

                             if(this.value == this.defaultValue){

                                      this.value = "";

                                    }

                                },

                                blur:function(){

                            if(this.value == ""){

                                  this.value = this.defaultValue;

                                }

                          }

                        });

                   });

             其中，1.bind是绑定事件，起到简化代码的作用。

                         2.defaultValue得到的值   就是   在jsp或者html中的代码  的  value值，本例中即为"您的手机号码"或者 您的详细地址 。

                         3.每个需要实现该功能的input或者textarea的class属性值都是"textBox"，这样在js中只需要用类选择器选择textBox就可以批量实现该功能。