「jQuery系列」jQuery noConflict() 方法、运用JSONP

1. jQuery noConflict() 方法：

jQuery 的 noConflict() 方法用于释放 $ 标识符的控制权，这样其他库就可以使用 $ 标识符。

// 使用 jQuery 的 noConflict() 方法，并将 jQuery 的控制权交给新的变量 jq
var jq = jQuery.noConflict();
 
// 使用 jq 来代替 $ 进行 jQuery 操作
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery 仍在运行！");
    });
});

2. 运用 JSONP：

JSONP（JSON with Padding）是一种跨域请求数据的方式，可以让你在不同域的服务器上获取数据。

// 定义一个用于接收数据的函数
function handleResponse(data) {
    console.log(data);
}
 
// 创建一个 script 元素，并设置其 src 属性为跨域请求的 URL
var script = document.createElement('script');
script.src = 'http://example.com/api?callback=handleResponse';
 
// 将 script 元素添加到文档中
document.body.appendChild(script);

在这个例子中，我们假设 http://example.com/api 是一个跨域的 API 接口，它会根据传递的 callback 参数调用 handleResponse 函数，并将数据作为参数传递。这样我们就可以在不违反同源策略的情况下获取到跨域的数据。