摘要：
<script type="text/javascript"> //<![CDATA[ $(function(){ $("p").replaceWith("<strong>你最不喜欢的水果是?</strong><br>"); // 同样的实现： $("<strong>你最不喜欢的水果是?</strong>").replaceAll("p"); }); //]]> </script> 阅读全文
摘要：
<script type="text/javascript"> $(function(){ $("ul li").click(function(){ $(this).clone().appendTo("ul"); // 复制当前点击的节点，并将它追加到<ul>元素 }) }); </script> <script type="text/javascript"> $(function(){ $("ul li").click(function(){ $ 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(function(){ $("ul li:eq(1)").remove(); // 获取第二个<li>元素节点后，将它从网页中删除。 }); //]]> </script> <script type="text/javascript"> //<![CDATA[ $(function(){ var $li = $("ul li:eq(1)").remove(); 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(function(){ var $li_1 = $("<li title='香蕉'>香蕉</li>"); // 创建第一个<li>元素 var $li_2 = $("<li title='雪梨'>雪梨</li>"); // 创建第二个<li>元素 var $li_3 = $("<li title='其 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(function(){ var $li_1 = $("<li></li>"); // 创建第一个<li>元素 var $li_2 = $("<li></li>"); // 创建第二个<li>元素 var $parent = $("ul"); // 获取<ul>节点。<li>的父节点 $parent.append( 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(function(){ var $para = $("p"); // 获取<p>节点 var $li = $("ul li:eq(1)"); // 获取第二个<li>元素节点 var p_txt = $para.attr("title"); // 输出<p>元素节点属性title var ul_txt = $li.attr("title"); // 获 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ var $alltext = $("#form1 :text"); var $allpassword= $("#form1 :password"); var $allradio= $("#form1 :radio"); var $allcheckbox= $("#form1 :checkbox"); var $allsubmit= 阅读全文
摘要：
$(document).ready(function(){ //重置表单元素 $(":reset").click(function(){ setTimeout(function() { countChecked(); $("select").change(); },0); }); //对表单内 可用input 赋值操作. $('#btn1').click(function(){ $("#form1 input:enabled").v... 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选取每个父元素下的第2个子元素 $('#btn1').click(function(){ $('div.one :nth-child(2)').css("background","#bbffaa"); }) //选取每个父元素下的第一个子元素 $('#btn2').click(function(){ $('div.one :first-chi 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选取含有 属性title 的div元素. $('#btn1').click(function(){ $('div[title]').css("background","#bbffaa"); }) //选取 属性title值等于 test 的div元素. $('#btn2').click(function(){ $('div[title=tes 阅读全文
摘要：
<script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('#reset').click(function(){ window.location.reload(); }) //给id为mover的元素添加动画. function animateIt() { $("#mover").slideToggle("slow", animateIt); } animateIt(); ... 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选取含有文本"di"的div元素. $('#btn1').click(function(){ $('div:contains(di)').css("background","#bbffaa"); }) //选取不包含子元素(或者文本元素)的div空元素. $('#btn2').click(function(){ $('di 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选择第一个div元素. $('#btn1').click(function(){ $('div:first').css("background","#bfa"); }) //选择最后一个div元素. $('#btn2').click(function(){ $('div:last').css("background" 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选择 body内的所有div元素. $('#btn1').click(function(){ $('body div').css("background","#bbffaa"); }) //在body内的选择 元素名是div 的子元素. $('#btn2').click(function(){ $('body > div').c 阅读全文
摘要：
<script type="text/javascript"> $(document).ready(function(){ //选择 id为 one 的元素 $('#btn1').click(function(){ $('#one').css("background","#bfa"); }); //选择 class 为 mini 的所有元素 $('#btn2').click(function(){ $('.mini').css("background 阅读全文
摘要：
【css】1.javascript 主要用来操作网页中的对象。2.行内样式>ID样式>类别样式>标记样式（css层叠性，优先顺序）3.如果同时有两个类别的样式，有所冲突，效果以前者为准。4.如果对父元素做了设置，子元素也会有效果，如果对子元素也设置了，子元素会覆盖父元素的效果。（css继承性）5.单独占一行的元素称为块级元素。 div：块级元素（block） span：行内元素（inline）6.js操作的是界面的对象，所以看js代码要对照着界面元素进行研读。7.如果一个容器中的子div都是浮动方式的，那么这个容器div的高度不会自动伸展，需要用clear：both来实现自动 阅读全文