jquery键值对 jquery 对象

深入理解jQuery键值对

在JavaScript中，对象是一种复合数据类型，它包含属性（也称为键）和值，这些属性和值被组织成一个无序的集合，每个属性都有一个名称和一个值，在jQuery中，我们可以使用键值对来操作DOM元素的属性和值。

jQuery中的键值对通常用于设置或获取HTML元素的CSS样式、属性或内容，我们可以使用键值对来设置一个元素的背景颜色、文本颜色、字体大小等，我们也可以使用键值对来获取一个元素的高度、宽度、位置等。

以下是一些常见的jQuery键值对操作：

1、设置CSS样式：我们可以使用css()方法来设置一个元素的CSS样式，这个方法接受一个键值对对象作为参数，其中键是CSS属性，值是我们希望设置的值。

$('p').css({'color': 'red', 'font-size': '20px'});

在这个例子中，我们选择了所有的<p>元素，并设置了它们的文本颜色为红色，字体大小为20像素。

2、获取CSS样式：我们可以使用css()方法来获取一个元素的CSS样式，这个方法接受一个键作为参数，返回该键对应的值。

var color = $('p').css('color');
console.log(color); // 输出 "rgb(255, 0, 0)"

在这个例子中，我们选择了所有的<p>元素，并获取了它们的文本颜色，我们将这个颜色输出到控制台。

3、设置HTML属性：我们可以使用attr()方法来设置一个元素的HTML属性，这个方法接受一个键值对对象作为参数，其中键是HTML属性，值是我们希望设置的值。

$('img').attr({'src': 'new-image.jpg', 'alt': 'A new image'});

在这个例子中，我们选择了所有的<img>元素，并设置了它们的源图像和替代文本。

4、获取HTML属性：我们可以使用attr()方法来获取一个元素的HTML属性，这个方法接受一个键作为参数，返回该键对应的值。

var src = $('img').attr('src');
console.log(src); // 输出 "new-image.jpg"

在这个例子中，我们选择了所有的<img>元素，并获取了它们的源图像，我们将这个源图像输出到控制台。

以上就是jQuery键值对的基本用法，通过使用键值对，我们可以方便地操作DOM元素的属性和值，从而实现各种复杂的功能。