{site_name}

{site_name}

🌜 搜索

jQuery属性操作是指使用jQuery库中提供的方法来获取、设置和修改HTML元素的属性

前端 𝄐 0
jquery 属性值,jquery操作属性节点,jquery对象属性,jquery的属性选择器,jquery基本操作,jquery 属性赋值
jQuery属性操作是指使用jQuery库中提供的方法来获取、设置和修改HTML元素的属性。通过这些方法,可以轻松地访问元素的属性,以及对它们进行修改。

以下是一些常用的jQuery属性操作方法及其示例:

1. attr()方法:获取或设置元素的属性值

// 获取元素的href属性值
var hrefValue = $('a').attr('href');

// 设置元素的title属性值
$('img').attr('title', 'My image');


2. prop()方法:获取或设置元素的属性值(在某些情况下优于attr()方法)

// 获取元素的checked属性值
var isChecked = $('input[type="checkbox"]').prop('checked');

// 设置元素的disabled属性值
$('button').prop('disabled', true);


3. val()方法:获取或设置表单元素的值

// 获取文本框的值
var inputValue = $('input[type="text"]').val();

// 设置下拉列表的选中项
$('select').val('option2');


4. css()方法:获取或设置元素的样式属性值

// 获取元素的背景色
var bgColor = $('div').css('background-color');

// 设置元素的字体大小
$('p').css('font-size', '16px');