Jquery实验报告材料.docx

Jquery实验报告材料.docx

《Jquery实验报告材料.docx》由会员分享，可在线阅读，更多相关《Jquery实验报告材料.docx（13页珍藏版）》请在冰点文库上搜索。

Jquery实验报告材料

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"".w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

">你最喜欢的水果是？

苹果

橘子

菠萝

//这里输入替换的代码

var$li=$（"ulli:

eq

（1）"）;

varli_txt=$li.text（）;

alert（li_txt）;

var$para=$（"p"）;

varp_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"）;

var$two_li=$（"ulli:

eq

（1）"）;

$parent.append（$li_1）;

$parent.prepend（$li_2）;

$li_3.insertAfter（$two_li）;

var$one_li=$（"ulli:

eq

（1）"）;

var$two_li=$（"ulli:

eq

（2）"）;

$two_li.insertBefore（$one_li）;

$（"ulli:

eq

（1）"）.appendTo（"ul"）;

$（"ulli"）.remove（"li[title!

=菠萝]"）;

$（"ulli:

eq

（1）"）.empty（）;

$（"ulli"）.click（function（）{

$（this）.clone（）.appendTo（"ul"）;

}）

$（"p"）.replaceWith（"你最喜欢的水果是"）;

将

元素的HTML代码改成

">你最喜欢的水果是？

varp_html=$（"p"）.html（）;

alert（p_html）

varp_text=$（"p"）.text（）;

alert（p_text）

doctypehtml>

var$p1=$（"p"）.next（）;//取得紧邻

元素后的同辈元素

var$ul=$（"ul"）.prev（）;//取得紧邻

元素前的同辈元素

var$p2=$（"p"）.siblings（）;//取得

元素的同辈元素

varoffset=$（"p"）.offset（）;//获取

元素的offset（）

varleft=offset.left;//获取左偏移

vartop=offset.top;//获取上偏移

varposition=$（"p"）.position（）;//获取

元素的position（）

varleft=position.left;//获取左偏移

vartop=position.top;//获取右偏移

var$p=$（"p"）;

varscrollTop=$p.scrollTop（）;//获取元素的滚动条距顶端的距离

varscrollLeft=$p.scrollLeft（）;//获取元素的滚动条距离左侧的距离

$（"textarea"）.scrollTop（300）;

$（"textarea"）.scrollLeft（300）;

doctypehtml>

提示1.

提示2.

这是自带提示1.

这是自带提示2.

$（function（）{

$（"a.tooltip"）.mouseover（function（）{

//显示title

vartooltip=""+this.title+"