attr("")获取标签属性值 · jQuery学习

## JQ操作节点属性 ### attr方法 ### ### 概述：attr方法是JQ框架给我们提供的，它主要的作用是可以获取或则设置标签属性 <br/> ## 调用语法 ~~~ $("选取标签").attr("属性"); ~~~ ~~~ $("input:eq(0)").attr("type") ~~~ ## 代码案例： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery/jquery-3.2.1.min.js"></script> </head> <body> <input type="text"> <input type="radio"> <input type="checkbox"> </body> </html> <script type="text/javascript"> console.log($("input:eq(0)").attr("type")); </script> ~~~ ## 修改属性值语法： ~~~ $("选取标签").attr("属性","修改属性值"); ~~~ ~~~ $("input:eq(0)").attr("type","checkbox"); ~~~ ## 代码案例： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery/jquery-3.2.1.min.js"></script> </head> <body> <input type="text"> <input type="radio"> <input type="checkbox"> </body> </html> <script type="text/javascript"> $("input:eq(0)").attr("type","checkbox"); </script> ~~~ ## 获取img标签图片换图片方法： ~~~ <img src="./taikong/信息.png" alt=""> //图片为信息.png ~~~ ~~~ console.log($("img").attr("src")); $("img").attr("src","./taikong/多云图.png"); //换成了多云图.png ~~~