jquery 图片地址拆分

// 假设有一个图片元素的 src 属性如下：
// <img id="myImage" src="https://example.com/images/photo.jpg?width=800&height=600#section1">

// 使用 jQuery 获取图片地址
var imgSrc = $('#myImage').attr('src');

// 使用原生 JavaScript 的 URL API 来拆分地址
var url = new URL(imgSrc);

// 获取协议
var protocol = url.protocol; // "https:"

// 获取域名
var hostname = url.hostname; // "example.com"

// 获取路径
var pathname = url.pathname; // "/images/photo.jpg"

// 获取查询参数
var searchParams = url.searchParams;
var width = searchParams.get('width'); // "800"
var height = searchParams.get('height'); // "600"

// 获取片段标识符
var hash = url.hash; // "#section1"

console.log(protocol, hostname, pathname, width, height, hash);

var encodedSrc = encodeURIComponent(imgSrc);

// 修改查询参数
searchParams.set('width', '1024');

// 替换路径
url.pathname = '/new/path/photo.jpg';

// 更新图片元素的 src 属性
$('#myImage').attr('src', url.toString());