jQueryprop（）⽅法
1、添加并移除名为‘color’的属性：
$('button').click(function () {
  var $x = $('div')
  $x.prop('color', 'f00')
  $x.append('The color 属性：' + $x.prop('color'))
  $x.removeProp('color')
})
prop()⽅法设置或返回被选元素的属性和值，
返回属性值时，返回第⼀个匹配元素的值；
设置属性值时，为匹配元素集合设置⼀个或多个属性/值对
注意：prop（）⽅法应该⽤于检索属性值，例如DOM属性；
  如需检索HTML属性，请使⽤attr（）⽅法代替；
  如需移除属性，请使⽤removeProp（）⽅法
eg：
返回属性的值：$(selector).prop(规定属性的名称)
设置属性和值：$(selector).prop(规定属性的名称，规定属性的值)
使⽤函数设置属性和值：$(selector).prop(规定属性的名称，function （检索集合中元素的index位置，检索被选元素的当前属性值）)设置多个属性和值：$(selector).prop({规定属性的名称：规定属性的值，规定属性的名称：规定属性的值，......})
2、prop（）还有⼀个很好⽤的功能，就是可以直接获取到对应元素标签及⼦孙标签：
eg：
<!DOCTYPE html>
<html>
<head>
<title>练习</title>
<style type="text/css"></style>
</head>
<body>
<div class="test"><p class="test1">hello，你好！</p></div>
<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript">
jquery修改html内容console.log($(".test").prop("outerHTML"))
　// 结果：<div class="test"><p class="test1">hello，你好！</p></div>
</script>
</body>
</html>
或者⽤：$(this).clone()).html()
补充：
html（）⽤来读取和修改元素的HTML标签；
test（）⽤来读取或修改元素的纯⽂本内容；
val（）⽤来读取或修改表单元素的value值

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。