#方法 ###1操控标签属性 JQ中通过attr() 方法控制标签属性，**使用方式和.css()方法完全一致** ####1。1 attr（） 可以控制自定义的属性 ***** ``` ~~~ <button>获取标签属性</button> <button>修改标签属性</button> <button>同时修改多个属性</button> <br> <img src="images/dian.gif" alt="出错了" title="这是一张图片" class="imgh1" > </body> </html> <script> $("button").eq(0).click(function () { console.log($("img").attr("alt"));/*只传入一个参数值是获取的功能*/ }); $("button").eq(1).click(function () { $("img").attr("title", "这是修改过的值");/*传入两个参数值是修改的功能*/ }); $("button").eq(2).click(function () {/*修改多个值*/ $("img").attr({ title:"这是被我二次修改的值", "class":"qqq", }); }); ~~~ ``` h5支持自定义标签属性 以data- 开头 #### 1。2 prop() 只能控制原生的属性 ，不可以去控制自定义标签属性 ``` //prop只能获取原生标签属性 console.log($("img").prop("title")); // 这是一张图片 console.log($("img").prop("data-mypro")); //undefined ```