在ASP.NET中，你常常需要为控件添加自定义属性，以此来提供一些额外的信息。这些额外信息可能用于JavaScript、CSS、服务端代码中的处理等等。ASP.NET为控件添加自定义属性的一种简单的方式就是使用“attributes.add”。本文将介绍在ASP.NET中如何使用“attributes.add”来向控件添加自定义属性。

什么是“attributes.add”？

“attributes.add”是一种方法，可用于向ASP.NET控件添加属性。这个方法位于ASP.NET控件的Page对象属性中，因此不论是ASP.NET Webform还是ASP.NET MVC应用程序，你都可以直接使用这个方法。

看一下下面的代码：

```

```

这是一个ASP.NET Button控件的最基本的定义。现在，假设我们想向这个Button控件添加一个自定义的属性“myattribute”，可以使用attributes.add方法实现。

```

Button1.Attributes.Add("myattribute", "myattributevalue")

```

这行代码将会让Button控件拥有了一个新属性“myattribute”，并且它的值为“myattributevalue”。

如何在JavaScript中使用自定义属性

假设现在我们添加了一个自定义属性“data-foo”：

```

Button1.Attributes.Add("data-foo", "bar");

```

我们可以在JavaScript中访问这个属性：

```

var btn = document.getElementById('<%= Button1.ClientID %>');

var foo = btn.getAttribute('data-foo');

```

你也可以在jQuery中访问它们：

```

$(document).ready(function () {

var foo = $('Button1[data-foo]').data('foo');

});

```

如何在CSS中使用自定义属性

你可以在CSS选择器中使用自定义属性，这样可以很方便的控制文档的外观。例如：

```

Button1[data-foo=bar] {

background-color: yellow;

}

```

这会让Button1背景色变成黄色，只有当它的"data-foo"属性为"bar"时才把背景色修改成黄色。

如何在服务端代码中使用自定义属性

当你在处理客户端提交时需要使用控件中的自定义属性时，你可以使用如下的方法获取自定义属性值：

```

var foo = Button1.Attributes["data-foo"];

```

你可以将它和ASP.NET的许多其他控件一样，用于处理提交。

小结

ASP.NET中使用“attributes.add”向控件添加自定义属性是一种非常简单的方式，它可以让你能够在客户端JavaScript及CSS样式表中使用自定义属性，也可以在服务端代码中处理提交时使用这些自定义属性。

最后，需要说明的是，它只适用于Webform和MVC中的服务器端控件，而对于HTML标记来说，你需要使用JavaScript来添加自定义属性。