[JQuery] 使用 YQL 來擷取網頁圖片

仍然以擷取 Google Doodle 網頁圖片為例，步驟一，引入所有需要的函式庫：

1.<script type="text/javascript" src="http://www.google.com/jsapi"></script>

2.<script type="text/javascript">

3.google.load("jquery", "1.3.2");

4.</script>

5.<script type="text/javascript" src="jquery.query-yql.js"></script>

01.$(function () {

02. var url = \'http://www.google.com\';

03. var t = $("#content").empty();

04. //YQL 的語法，url 填入網址，然後透過 xpath 找到所要的元素

05. var statement = "select * from html where url=\'" + url + "/logos/\' and xpath=\'//dl[@class=\\"doodles\\"]//img\' LIMIT 2";

06. //透過 hail2u\'s jquery.query-yql 來操控資料

07. $.queryYQL(statement, "xml", function (data) {

08. $.each(data.results, function () {

09. var img = $(this.toString());

10. var src = img.attr(\'src\');

11. img.attr(\'src\', url+src);

12. img.appendTo(t);

13. t.append(\'<br />\');

14. });

15. });

16.

17.});