javascript - jquery 默认上下文

Question

我想将页面(带有 js、css)加载到同一文档中的 DIV 中，加载页面中的 javascript 不得应用于父页面内容。是否可以在加载页面上设置类似默认上下文的内容？请参阅下面的基本示例

父页面:

<h1>normal</h1>
<span class="externalpage">data</span>

<script>
    $(document).ready(function () {
        $.ajax({
            url: "/ajax/Index",
            success: function (data) {
                $(".externalpage").html(data);
            }
        });
    })
</script>

/ajax/Index "subpage"- 我不能更改此页面的内容。

<h1>ajax</h1>
<script>
    $(document).ready(function () {
        $("h1").text("xxxxxxxxxxxxx");
    })
</script>

Answer 1

似乎没有办法在 jQuery 中轻松设置默认上下文。但是，您可以通过缓存上下文并从中调用 .find() 来解决这个问题:

var $c = $('.externalpage');
$c.find('h1').text('xxxxxxxxxxxx');

它有点笨拙，但您必须改变编码方式。

或者，您可以将它封装在一个函数中:

var $j = function(a) {
    return $(a, '.externalpage');
};

// and then you can use that like
$j('h1').text('xxxxxxxxxxxxx');

// if you want to revert to the global jQuery object, just use $ instead of $j