由于项目需求，简单地写了一个input默认值设置，实现给.form中所有的input设置默认值的方法。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>input默认值设置</title>
[removed][removed]
[removed]
$(function() {
//集体调用
$(".form
在网页开发中，有时我们需要为`<input>`标签设置默认值，这通常是为了提供用户友好的界面，方便用户快速理解表单字段的目的。在给定的示例中，使用了jQuery库来实现这一功能，主要涉及到以下几个关键知识点：
1. **jQuery库**：jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在示例中，引入了jQuery的min.js版本，这是通过`<script>`标签从外部CDN（内容分发网络）加载的。
```html
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script>
```
2. **DOM操作**：jQuery允许我们通过选择器选择元素并执行各种操作。在示例中，使用`$(".form input")`选择了类名为`.form`的`<form>`元素内的所有`<input>`元素。
3. **jQuery的`each()`方法**：此方法用于遍历选择的元素集合，并对每个元素执行指定的函数。在代码中，`$(".form input").each(function(){...})`对每个`<input>`元素调用了`setDefauleValue()`函数。
4. **自定义jQuery插件**：`$.fn.setDefauleValue`是创建的一个自定义jQuery插件，它可以扩展jQuery对象。这个插件的作用是设置输入框的默认值，并且在用户聚焦和失去焦点时改变输入框的样式。
5. **事件处理**：在插件内部，使用了`focus`和`blur`事件。`focus`事件在元素获得焦点时触发，`blur`事件在元素失去焦点时触发。当输入框获得焦点且其值等于默认值时，会清空输入框的值并将颜色改为黑色。当输入框失去焦点且其值为空时，恢复默认值并把颜色设为灰色。
6. **CSS操作**：通过`.css()`方法，可以改变元素的CSS属性。在示例中，`$(this).css("color","#999")`将输入框文本颜色设置为灰色，`$(this).val("").css("color","#000")`则在用户开始输入时将颜色变为黑色。
7. **属性操作**：`$(this).val(defauleValue)`用于设置或获取元素的`value`属性。在插件中，根据当前元素的值是否为空来决定是否恢复默认值。
这个示例展示了如何使用jQuery结合自定义插件实现对`<input>`标签的默认值设置，并在用户交互时动态改变显示效果。这种做法提高了用户体验，使得表单更加易用。同时，通过使用jQuery，代码变得更简洁、更易于维护。
