jquery添加事件有几种写法

在jQuery中，我们可以使用.attr()方法来为元素添加属性。.attr()方法可以接受两个参数：属性名称和属性值，如果只提供一个参数，那么它将返回当前元素的属性值。

以下是一些示例：

1、添加一个新的属性：

$("p").attr("title", "这是一个标题");

在这个例子中，我们为所有的<p>元素添加了一个名为title的新属性，并将其值设置为"这是一个标题"。

2、添加多个属性：

$("img").attr({
    alt: "图片",
    title: "点击查看大图"
});

在这个例子中，我们为所有的<img>元素添加了两个新的属性：alt和title。

3、修改现有的属性：

$("a").attr("href", "http://www.example.com");

在这个例子中，我们将所有的<a>元素的href属性的值修改为"http://www.example.com"。

4、删除一个属性：

$("img").removeAttr("alt");

在这个例子中，我们删除了所有的<img>元素的alt属性。

5、检查一个属性是否存在：

if ($("img").attr("alt") !== undefined) {
    alert("图片有alt属性");
} else {
    alert("图片没有alt属性");
}

在这个例子中，我们检查了所有的<img>元素是否有alt属性，如果有，那么我们就显示一个警告框，告诉用户图片有alt属性，如果没有，那么我们就显示另一个警告框，告诉用户图片没有alt属性。

注意：在使用.attr()方法时，如果你尝试设置一个不存在的属性，那么jQuery将会自动创建一个新的属性，如果你尝试设置一个名为datatest的属性，但是该元素原本并没有这个属性，那么jQuery将会创建这个属性，并将其值设置为你提供的值，这就是所谓的“动态属性”。

如果你想获取一个元素的所有属性，你可以使用.attr()方法的第二个参数为空字符串。

var attributes = $("img").attr("");
console.log(attributes); // 输出：[alt, title]

在这个例子中，我们获取了所有的<img>元素的所有属性，并将它们存储在了一个数组中，我们将这个数组打印到了控制台。