Question

我有：

$(document).ready(function() {
  $('#newslinks a').click(function() {
     var url=$(this).attr('href');
     $('#headlines').load(url + ' #newsItem');
     return false;
  }); //end click
}); // end ready



<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>Missing<br>Manual</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>News Headlines</h1>
      <ul id="newslinks">
        <li><a href="today.html">Today&#8217;s News</a></li>
        <li><a href="yesterday.html">Yesterday&#8217;s News</a></li>
        <li><a href="lastweek.html">Last Week&#8217;s News</a></li>
      </ul>
      <div id="headlines"></div>
    </div>
  </div>
  <div class="footer">
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
  </div>
</div>

我没有得到的部分在这里：

$('#headlines').load(url + ' #newsItem');

#newsItem到底做了什么？

Answer 1

URL之后的load内的选择器会将该特定元素的内容加载到目标元素中。 $('#headlines').load(url + ' #newsItem');加载网址，然后在其中查找#newsItem，并将该内容加载到#headlines

jquery ajax加载不理解某个元素

1 个答案: