jQuery里面的选择属性和修改属性

本文链接：https://blog.csdn.net/heyLT/article/details/112557876

在jQuery中，我们可能会给元素添加自有属性，也有可能添加自定义属性，所以在修改时，jQuery给我们提供了相对应的选择方法

1.prop()方法

prop()方法是处理html元素自带固有属性时使用

<a href="www.123.com" target="_self" class="123"></a>
<script>
	$(function() {
		$('.123').prop('href');
		console.log($('.123').prop('href'));
	})
</script>

href,taget,class都是a标签的自由属性，用prop()方法可以得到

<a href="www.123.com" target="_self" class="123"></a>
<script>
	$(function() {
		$('.123').prop('href');
		console.log($('.123').prop('href'));
		$('.123').prop('href','www.456.com');
		console.log($('.123').prop('href'));
	})
</script>

当我们需要对这些元素固有属性修改时只需 prop(‘属性’,‘值’)，就可以实现修改

2.attr()方法

attr()方法是处理html元素自定义属性时使用

<a href="www.123.com" target="_self" class="123" date-index = 0></a>
<script>
	$(function() {
		$('.123').attr('date-index');
		console.log($('.123').attr('date-index'));
	})
</script>

修改属性值得方法与prop()一样

3.html(),text(),val()

<div>
	<a href="#">我是文本</a>
	<input type="text" value="我是文本">
	</div>
<script>
	$(function() {
		$('div').html();
		console.log($('div').html());
		$('div').text();
		console.log($('div').text());
		$('input').val();
		console.log($('input').val());
	})
</script>