jQuery获取或设置元素的属性值

jQuery获取或设置元素的属性值

1. 获取元素属性值

• 固有属性($('div).prop(‘color’))
• 自定义属性($('div).attr(‘index’))

    //html代码
    <a href="www.baidu.com" title="百度">百度</a>
    <input type="checkbox" checked='checked'>
    <div index="1"></div>

	//jQuery代码(记得引入jQuery文件)
	console.log($('a').prop('href'));//www.baidu.com
	console.log($('a').prop(''title));//百度

• 自定义属性

		//jQuery代码(记得引入jQuery文件)
	console.log($('div').attr('index'));//1

2. 设置元素的属性值

//jQuery代码(记得引入jQuery文件)
$('a').prop('href','http://www.jidong.com');//将a标签的href属性改为www.jidong.com
$('input').prop('type',"submit');//将单选按钮改为提交框

//jQuery代码(记得引入jQuery文件)
$('div'.attr('index',2));//将自定义属性index的值改为2