加法计算器 按钮变脸 文本框变脸 无刷新评论 高亮显示点击的当前行 网站选择

加法计算器：

 <textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $("#eq").click(function () { var txt1 = $("#txt1").val(); if (isNaN(txt1)||txt1=="") { alert("第一个数是非数字，请重新输入"); $("#txt1").focus(); return; } var txt2 = $("#txt2").val(); if (isNaN(txt2) || txt2 == "") { alert("第二个数是非数字，请重新输入"); $("#txt2").focus(); return; } $("#txt3").val(parseFloat(txt1) + parseFloat(txt2)); }); }); function clearit() { if (confirm("确认要清空吗？")) { $("#txt1").val(""); $("#txt2").val(""); $("#txt3").val(""); } } </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;input type="text" id="txt1" /&gt;+&lt;input type="text" id="txt2" /&gt;&lt;input type="button" value="=" id="eq" /&gt;&lt;input type="text" id="txt3" disabled="disabled" /&gt; &lt;input type="button" value="清空" onclick="clearit()" /&gt; </textarea>

按钮变脸：

<textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $(":input").click(function () { $(this).val("哈哈").css("background","red").siblings().val("呜呜").css("background","white"); }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;input type="button" value="呜呜" /&gt;&lt;input type="button" value="呜呜" /&gt;&lt;input type="button" value="呜呜" /&gt;&lt;input type="button" value="呜呜" /&gt;&lt;input type="button" value="呜呜" /&gt; </textarea>

文本框变脸：

<textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $(":text").blur(function () { if ($(this).val().length &lt;= 0) { $(this).css("background", "#f00"); } else { $(this).css("background", "#fff"); } }); $(":text").focus(function () { $(this).css("background","ff0"); }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt;&lt;input type="text" /&gt; </textarea>

无刷新评论：

<textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $("input[value=发表]").click(function () { var nickname = $("#nickname").val(); var speak = $("#speak").val(); var tr = $("&lt;tr&gt;&lt;td&gt;" + nickname + "&lt;/td&gt;&lt;td&gt;" + speak + "&lt;/td&gt;&lt;/tr&gt;"); $("#table1").append(tr); $("#nickname").val("");//清空提交的内容 $("#speak").val(""); //清空提交的内容 }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;table id="table1"&gt;&lt;tr&gt;&lt;th&gt;昵称&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;老白干&lt;/td&gt;&lt;td&gt;沙发！&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;input id="nickname" type="text" /&gt;&lt;br /&gt; &lt;textarea cols="10" rows="5" id="speak"&gt;</textarea>

高亮显示点击行：

<textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $("#nets tr").click(function () { $(this).css("background", "#ff0").siblings().css("background", "#fff"); }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;table id="nets"&gt;&lt;tr&gt;&lt;td&gt;百度&lt;/td&gt;&lt;td&gt;baidu.com&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;新浪&lt;/td&gt;&lt;td&gt;sina.com&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;网易&lt;/td&gt;&lt;td&gt;163.com&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; </textarea>

网站选择：

<textarea cols="50" rows="15" name="code" class="javascript"> $(function () { $("#lanmu1 li").css("cursor", "pointer").mousemove(function () { $(this).css("background", "#f00").siblings().css("background", "#fff"); }).click(function () { $(this).css("background", "#fff").appendTo("#lanmu2") }).mouseout(function () { $(this).css("background", "#fff") }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;ul id="lanmu1" style="float:left; width:300px"&gt; &lt;li&gt;质检快讯&lt;/li&gt; &lt;li&gt;消费信息&lt;/li&gt; &lt;li&gt;曝光台&lt;/li&gt; &lt;li&gt;质量提升&lt;/li&gt; &lt;/ul&gt; &lt;ul id="lanmu2" style="float:left; width:300px"&gt; &lt;/ul&gt; </textarea>