[JavaScript知识库]jQuery的data()prop()attr()获取属性

定义参考

<a href="https://www.baidu.com" class="aaa" id="content"  data-Age="18" myAge='99'>手握日月摘星辰</div>

	console.log("attr:");
	console.log($('a').attr("href"));
	console.log($('a').attr("id"));
	console.log($('a').attr("myAge"));
	console.log($('a').attr("Age"));
	console.log($('a').attr("age"));
	
	console.log("prop:");
	console.log($('a').prop("href"));
	console.log($('a').prop("id"));
	console.log($('a').prop("myAge"));
	console.log($('a').prop("Age"));
	console.log($('a').prop("age"));
	
	console.log("data:");
	console.log($('a').data("href"));
	console.log($('a').data("id"));
	console.log($('a').data("myAge"));
	console.log($('a').data("Age"));
	console.log($('a').data("age"));

结果：attr可以显示html属性和用户自定义属性，标签中写myAge，函数中也要为myAge。
prop只能显示DOM 属性，不能显示用于自定义属性。
data只能用于 data-xxx 模式的用户自定义属性，注意哪怕标签中有大写，也得换成小写才能正确取值
如 data-Age 换成 age。