/echo/html/

fiddle.css

/* /echo/html/ */

fiddle.html

<div id="msg"></div>

fiddle.js

$(function(){
	// Ajax 通信の結果を Promise インターフェースで受ける
	$.ajax({
		type: "POST",
		url: "/echo/html/",
		data: {
			html: "<p>３秒後に変わります</p>",
			delay: 0
		}
	}).success(function(responseText) {
		$("#msg").append(responseText);
	}).error(function() {
		alert("error!");
	});
	
	// id='contents' から class='news' の要素をフィルタし、
	// innterHTML で id='new-nav' に挿入する
	$("#msg").load("/echo/html/ #contents p[class=news]", {
		html: "<div id='contents'><p class='news'>変わりました！</p></div>",
		delay: 3
	});
});

fiddle.manifest

name: /echo/html/
description: /echo/html/ のテスト
authors:
  - tokkonopapa
resources:
  - https://getfirebug.com/firebug-lite-debug.js
normalize_css: yes