持續更新

1.img

1.1 給img標籤賦值src

// jquery
$('#idname').attr('src','https://www.baidu.com/img/baidu_jgylogo3.gif');

1.2 獲取img標籤src

// jquery
var src = $('#idname')[0].src;

2.location

js

// 2.1 獲取當前頁面href
var href = window.document.location.href;

// 2.2 獲取主機host(不帶協議名，如http://)
var host = window.document.location.host;

// 2.3 獲取主機名稱hostname(不帶協議名，如http://)
var hostname = window.document.location.hostname;

// 2.4 獲取頁面埠
var port = window.document.location.port;

// 2.5獲取當前路徑
var pathname = window.document.location.pathname;

// 2.6 獲取當前主機名稱(帶協議名與埠)
var currenthostname = window.document.location.href;
currenthostname = currenthostname.substr(0,currenthostname.indexOf(window.document.location.pathname));
 

3.jquery物件

// id選擇器
$('#idname') 
// 類選擇器
$('.classname')

jquery物件轉換到DOM:
jquery選擇器的效果是將整個HTML頁面中符合選擇條件的所有DOM放入一個集合中，因此對集合使用[0]索引即可取出DOM

// id選擇器DOM
$('#idname') [0]
// 類選擇器DOM
$('.classname')[0]