http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FjQuery%2Fhtml
JavaScript Tutorial/jQuery/html - История изменений
2026-04-05T18:16:54Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/html&diff=9569&oldid=prev
Admin: 1 версия
2010-05-26T08:25:09Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:25, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/html&diff=9568&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:57Z
<p></p>
<p><b>Новая страница</b></p><div>== Assign HTML to==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").html("<span class="red">Hello <b>Again</b></span>");<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<DIV></DIV><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get HTML code==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var htmlStr = $("P").html();<br />
$("DIV").text(htmlStr);<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p class=blue>A</p><br />
<DIV></DIV><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get HTML string and assign to text node==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").click(function () {<br />
var htmlStr = $(this).html()+"asdf";<br />
$(this).text(htmlStr);<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>asdf</p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Hide show paragraph==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<style type="text/css"><br />
.changeP { font-weight: bold; color:red;}<br />
</style><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$(".article .thebody").hide();<br />
$("#container .article ul")<br />
.prepend("<li class="readbody"><a href="" title="Read the article">Read Body</a></li>");<br />
$(".actions li.readbody a").click(function(event){<br />
$(this).parents("ul").prev(".thebody").toggle();<br />
<br />
event.preventDefault();<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<div id="container"><br />
<div class="article"><br />
<p class="summary">Summary 01</p><br />
<p class="thebody">Lorem ipsum....</p><br />
<br />
<ul class="actions"><br />
</ul> <br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Hide slow==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").click(function () {<br />
$(this).hide("slow");<br />
return true;<br />
});<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Hide tag slowly==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<style type="text/css"><br />
a.test { font-weight: bold; color:red;}<br />
</style><br />
<script type="text/javascript"><br />
$("a").click(function(event){<br />
event.preventDefault();<br />
$(this).hide("slow");<br />
});<br />
</script><br />
</head><br />
<body><br />
<a href="http://wbex.ru/">wbex.ru</a><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== html() get html contents (innerHTML) of matched element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").click(function () {<br />
var htmlStr = $(this).html();<br />
alert(htmlStr);<br />
});<br />
<br />
});<br />
</script><br />
<style><br />
.selected { color:red; }<br />
.highlight { background:yellow; }<br />
</style> <br />
</head><br />
<body><br />
<body><br />
<p class="selected highlight">Hello</p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== html(val) sets html contents of every matched element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").click(function () {<br />
var htmlStr = $(this).html("<span class="red">Hello <b>Again</b></span>");<br />
<br />
});<br />
<br />
});<br />
</script><br />
<style><br />
.selected { color:red; }<br />
.highlight { background:yellow; }<br />
</style> <br />
</head><br />
<body><br />
<body><br />
<p class="selected highlight">Hello</p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Set constructed value==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var words = $("b:first").text().split(" ");<br />
var text = words.join("</span> <span>");<br />
$("b:first").html("<span>" + text + "</span>");<br />
<br />
});<br />
</script><br />
<style><br />
span{color:red}<br />
</style><br />
</head><br />
<body><br />
<body><br />
<br />
<b>Hello asdf asdf</b><br />
</body><br />
</html></source></div>