-
獲取雙標簽之間的內容
在JavaScript中，獲取雙標簽之間的內容是這樣的：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ var h1=document.getElementById('i'); console.log(h1.innerHTML) } </script> </head> <body> <h1 id="i">我是標題</h1> </body> </html>
但是用了jQuery庫后，語法就變得簡單很多啦。可以寫成下面這樣：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/jquery-1.12.4.js"></script> <script> $(function(){ var h1=$('#i'); console.log(h1.html()) }) </script> </head> <body> <h1 id="i">我是標題</h1> </body> </html>
由例子可知，jQuery獲取雙標簽之間的內容，可以用html()。
-
獲取input框的value值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/jquery-1.12.4.js"></script> <script> $(function(){ var box=$('#i'); console.log(box.val()) }) </script> </head> <body> <input type="text" id="i" value="默認值"> </body> </html>
可知，獲取input框的value值用val()。
-
獲取元素的索引值
有時候需要獲得匹配元素相對於其同胞元素的索引位置，此時可以用index()方法獲取。
-
獲取某個屬性的值
// 取出圖片的地址 var src = $('#img1').prop('src'); // 設置圖片的地址和alt屬性 $('#img1').prop({src: "images/test.jpg", alt: "Test Image" });
可以用prop來獲取表單元素的屬性值，包含自定義屬性值。