用val()获取与设置input的值

时间：2023-03-09 08:02:17
用val()获取与设置input的值 
 <!DOCTYPE html>

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>无标题文档</title>

 <style type="text/css">

 input{ color:#CCC;}

 .class01{ color:#000;}

 </style>

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

 <script type="text/javascript">

 $(function(){

     $('input').focus(function(e) {

         if($(this).val()=='请输入搜索内容')

             $(this).val('').addClass('class01');

     });

     $('input').blur(function(e) {

         if($(this).val()==''){

             $(this).val('请输入搜索内容').removeClass();

         }

     });

 })

 </script>

 </head>

 <body>

 <input type="text" value="请输入搜索内容">

 </body>

 </html>

相关文章