在jQuery库中，`.load()`方法是一个非常实用的功能，它允许我们动态地加载远程HTML内容到页面的某个指定元素中。这个方法对于实现Ajax式的页面更新或者构建部分刷新的应用非常有帮助。根据提供的标题和描述，我们将深入探讨jQuery.load的工作原理、如何使用以及一些注意事项。
`jQuery.load()`的基本语法是：
```javascript
$(selector).load(url, data, callback);
```
- `selector`：选择器，用于指定内容要被加载到哪个DOM元素中。
- `url`：要加载的远程资源的URL。
- `data`：可选，作为GET请求参数的数据对象。
- `callback`：可选，当请求完成后执行的回调函数。
当我们使用`.load()`加载一个包含JavaScript的HTML页面时，该页面内的脚本会被执行，就像这些脚本原本就在原始页面中一样。这是因为`.load()`不仅会插入HTML内容，还会处理嵌入的脚本，只要它们没有被阻止执行。在这个过程中，需要注意确保加载的脚本不会与现有页面中的脚本产生冲突，比如ID重复或者命名空间重叠。
在提供的代码示例中，作者创建了一个无限循环加载的示例。页面通过传递一个参数`i`来跟踪加载次数，每次点击按钮，都会加载一个新的`index.jsp`，并将`i`递增。页面中的JavaScript会根据`i`的值动态生成按钮ID和加载目标div ID，从而实现动态加载自身的效果。
然而，如果只加载页面的一部分，例如：
```javascript
$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});
```
这时，`.load()`只会提取URL中指定的部分（在这种情况下是`Login.action`中的`input`元素），并将其插入到目标元素中，而不会加载整个页面，因此，只有输入元素被加载，其余的HTML和脚本都不会被处理。
在实际应用中，使用`.load()`时要注意以下几点：
1. 避免加载的资源过大，这可能导致性能问题。
2. 如果加载的内容包括JavaScript，确保它们不会对当前页面的其他脚本造成干扰。
3. 使用数据参数（`data`）可以传递额外的变量到服务器端，这对于动态生成内容很有用。
4. 回调函数（`callback`）可以用来在内容加载后执行额外的逻辑，比如动画效果或进一步的数据处理。
jQuery.load()是实现局部页面更新的一个强大工具，它简化了异步加载内容的流程，并且支持执行加载内容中的脚本。在设计和实现这样的功能时，应充分考虑性能和兼容性问题，以提供良好的用户体验。
