<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script src="../jquery.js" type="text/javascript"></script> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> </body> <script src="../jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ <!-- var li = document.getElementsByTagName("li"); //获取所有li元素 --> <!-- var $li = $(li); //把所有li元素封装为jQuery对象 --> <!-- alert($li.html()); //调用jQuery对象的方法 --> var li = document.getElementsByTagName("li"); //获取所有li元素 var $li = $(li[0]); //把所有li元素封装为jQuery对象 alert($li.html()); //调用jQuery对象的方法 <!-- var $li = $("li"); //返回jQuery对象 --> <!-- var li = $li.get(0); //返回DOM对象 --> <!-- alert(li.innerHTML); --> }) </script> </html>