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 ~~~