Jquery实验报告
</p>
</body>
<script type="text/javascript">
$(function(){
$("a.tooltip").mouseover(function() {
//显示title
var tooltip="<div id='tooltip'>"+this.title+"</div>";
var txt_value=$(this).val();
if(txt_value==""){
$(this).val("请输入邮箱地址");
}
});
//对密码框进行操作
$("#password").focus(function(){
var txt_value=$(this).val();
if(txt_value=="请输入邮箱密码"){
var $ul=$("ul").prev();//取得紧邻<ul>元素前的同辈元素
var $p2=$("p").siblings();//取得<p>元素的同辈元素
var offset=$("p").offset();//获取<p>元素的offset()
var left=offset.left;//获取左偏移
var $li_2=$("<li>雪梨</li>");
$("ul").append($li_1);
$("ul").append($li_2);
var $li_1=$("<li title='香蕉'>香蕉</li>");
var $li_2=$("<li title='雪梨'>雪梨</li>");
var $li_3=$("<li title='其它'>其它</li>");
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="script/jquery-1.8.1.min.js"></script>
var top=offset.top;//获取上偏移
var position=$("p").position();//获取<p>元素的position()
var left=position.left;//获取左偏移
var top=position.top;//获取右偏移
var $p=$("p");
var scrollTop=$p.scrollTop();//获取元素的滚动条距顶端的距离
$("ul li").click(function(){
$(this).clone().appendTo("ul");
})
$("p").replaceWith("<strong>你最喜欢的水果是</strong>");
将<p>元素的HTML代码改成
<p title="选择你最喜欢的水果。"><strong>你最喜欢的水果是?</strong></p>
$(this).val("");
}
});
$("#password").blur(function(){
var txt_value=$(this).val();
if(txt_valห้องสมุดไป่ตู้e==""){
$(this).val("请输入邮箱密码");
}
})
});
</script>
</html>
var $p1=$("p").next();//取得紧邻<p>元素后的同辈元素
var $two_li=$("ul li:eq(2)");
$two_li.insertBefore($one_li);
$("ul li:eq(1)").appendTo("ul");
$("ul li").remove("li[title!=菠萝]");
$("ul li:eq(1)").empty();
var scrollLeft=$p.scrollLeft();//获取元素的滚动条距离左侧的距离
$("textarea").scrollTop(300);
$("textarea").scrollLeft(300);
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" id="address" value="请输入邮箱地址"/><br><br>
<input type="text" id="password" value="请输入邮箱密码"/><br><br>
<input type="button" value="登录"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
var p_html=$("p").html();
alert(p_html)
var p_text=$("p").text();
alert(p_text)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="script/jquery-1.8.1.min.js" type="text/javascript"></script>
</p>
<p>
<a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a>
</p>
<p>
<a href="#" title="这是我的超链接提示3.">这是自带提示1.</a>
</p>
<p>
<a href="#" title="这是我的超链接提示3.">这是自带提示2.</a>
</head>
<body>
<p title="选择你最喜欢的水果。">你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
</body>
<script type="text/javascript">
//这里输入替换的代码
</script>
</html>
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=$("<li>香蕉</li>");
</body>
<script>
$(function(){
//对地址框进行操作