Jquery实验报告材料Word格式.docx

Jquery实验报告材料Word格式.docx

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

scripttype="

text/javascript"

src="

script/jquery-1.8.1.min.js"

/script>

/head>

body>

<

ptitle="

选择你最喜欢的水果。

"

你最喜欢的水果是？

/p>

ul>

<

lititle="

苹果"

苹果<

/li>

橘子"

橘子<

菠萝"

菠萝<

/ul>

/body>

//这里输入替换的代码

/html>

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=$（"

li>

香蕉<

var$li_2=$（"

雪梨<

$（"

ul"

）.append（$li_1）;

）.append（$li_2）;

lititle='

香蕉'

雪梨'

var$li_3=$（"

其它'

其它<

var$parent=$（"

var$two_li=$（"

$parent.append（$li_1）;

$parent.prepend（$li_2）;

$li_3.insertAfter（$two_li）;

var$one_li=$（"

eq

（2）"

$two_li.insertBefore（$one_li）;

）.appendTo（"

ulli"

）.remove（"

li[title!

=菠萝]"

）.empty（）;

）.click（function（）{

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

}）

）.replaceWith（"

strong>

你最喜欢的水果是<

/strong>

将<

p>

元素的HTML代码改成

varp_html=$（"

）.html（）;

alert（p_html）

varp_text=$（"

）.text（）;

alert（p_text）

doctypehtml>

html>

metacharset="

utf-8"

scriptsrc="

type="

inputtype="

text"

id="

address"

value="

请输入地址"

/>

br>

password"

请输入密码"

button"

登录"

script>

$（function（）{

//对地址框进行操作

$（"

#address"

）.focus（function（）{

vartxt_value=$（this）.val（）;

if（txt_value=="

）{

$（this）.val（"

}

}）;

）.blur（function（）{

}

//对密码框进行操作

#password"

}）

}）;

var$p1=$（"

）.next（）;

//取得紧邻<

元素后的同辈元素

var$ul=$（"

）.prev（）;

元素前的同辈元素

var$p2=$（"

）.siblings（）;

//取得<

元素的同辈元素

varoffset=$（"

）.offset（）;

//获取<

元素的offset（）

varleft=offset.left;

//获取左偏移

vartop=offset.top;

//获取上偏移

varposition=$（"

）.position（）;

元素的position（）

varleft=position.left;

vartop=position.top;

//获取右偏移

var$p=$（"

varscrollTop=$p.scrollTop（）;

//获取元素的滚动条距顶端的距离

varscrollLeft=$p.scrollLeft（）;

//获取元素的滚动条距离左侧的距离

textarea"

）.scrollTop（300）;

）.scrollLeft（300）;

ahref="

#"

class="

tooltip"

title="

这是我的超提示1."

提示1.<

/a>

这是我的超提示2."

提示2.<

这是我的超提示3."

这是自带提示1.<

这是自带提示2.<

$（function（）{

$（"

a.tooltip"

）.mouseover（function（）{

//显示title

vartooltip="

divid='

tooltip'

+this.title+"

/div>

;

body"

）.append（tooltip）;

#tooltip"

）.css（{"

top"

:

e.pageY+"

px"

"

left"

e.pageX+"

}）.show（"

fast"

}）.mouseout（function（）{

//隐藏title

）.remove（）;

}）