Jquery实验报告.docx

1、Jquery实验报告无标题文档 你最喜欢的水果是？ 苹果 橘子 菠萝 /这里输入替换的代码var $li=$(ul li:eq(1);var li_txt=$li.text();alert(li_txt);var $para=$(p);var p_txt=$para.attr(title);alert(p_txt);var $li_1=$(香蕉);var $li_2=$(雪梨); $(ul).append($li_1);$(ul).append($li_2);var $li_1=$(香蕉);var $li_2=$(雪梨);var $li_3=$(其它); var $parent=$(ul);v

2、ar $two_li=$(ul li:eq(1);$parent.append($li_1);$parent.prepend($li_2);$li_3.insertAfter($two_li);var $one_li=$(ul li:eq(1);var $two_li=$(ul li:eq(2);$two_li.insertBefore($one_li);$(ul li:eq(1).appendTo(ul);$(ul li).remove(lititle!=菠萝);$(ul li:eq(1).empty();$(ul li).click(function() $(this).clone().a

3、ppendTo(ul); )$(p).replaceWith(你最喜欢的水果是);将元素的HTML代码改成你最喜欢的水果是？var p_html=$(p).html();alert(p_html)var p_text=$(p).text();alert(p_text)无标题文档 $(function() /对地址框进行操作 $(#address).focus(function() var txt_value=$(this).val(); if(txt_value=请输入邮箱地址) $(this).val(); ); $(#address).blur(function() var txt_val

4、ue=$(this).val(); if(txt_value=) $(this).val(请输入邮箱地址); ); /对密码框进行操作 $(#password).focus(function() var txt_value=$(this).val(); if(txt_value=请输入邮箱密码) $(this).val(); ); $(#password).blur(function() var txt_value=$(this).val(); if(txt_value=) $(this).val(请输入邮箱密码); ) );var $p1=$(p).next();/取得紧邻元素后的同辈元素v

5、ar $ul=$(ul).prev();/取得紧邻元素前的同辈元素var $p2=$(p).siblings();/取得元素的同辈元素var offset=$(p).offset();/获取元素的offset()var left=offset.left;/获取左偏移var top=offset.top;/获取上偏移 var position=$(p).position();/获取元素的position()var left=position.left;/获取左偏移var top=position.top;/获取右偏移var $p=$(p);var scrollTop=$p.scrollTop()

6、;/获取元素的滚动条距顶端的距离var scrollLeft=$p.scrollLeft();/获取元素的滚动条距离左侧的距离$(textarea).scrollTop(300);$(textarea).scrollLeft(300);无标题文档 提示1. 提示2. 这是自带提示1. 这是自带提示2. $(function() $(a.tooltip).mouseover(function() /显示title var tooltip=+this.title+; $(body).append(tooltip); $(#tooltip).css(top:e.pageY+px,left:e.pageX+px).show(fast); ).mouseout(function() /隐藏title $(#tooltip).remove(); )