## 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
~~~
- JQuery選擇器
- 基本過濾選擇器
- 內容過濾器
- 可見性過濾器
- is篩選
- 屬性選擇器
- DOM查找
- JQuery 獨有選擇器(馬士兵)
- JQ操作CSS屬性常用寫法
- attr("")獲取標簽屬性值
- html方法與val方法操作表單文本
- 動畫特效
- 添加與刪除類名addClass()與removeClass()
- 查詢索引與遍歷index() each()
- 選擇獲取父級元素parent()
- 函數上下文$(this)
- 選擇器獲取兄弟級別元素siblings()
- 選擇器獲取子集元素children()
- animate 動畫函數
- animate 動畫函數解決積累問題stop(true)
- 獲取節點數據的width與height方法
- next()獲取匹配節點的下一個節點
- nextAll()獲取到匹配的節點,后面全部的姊妹節點
- prev()方法獲取某一個節點的前一個姐妹元素
- prevALL()方法獲取某一個節點的前所有的姐妹元素
- jquery中文官方網站