$(“#name”).css(“background”,”yellow”);
$(“#password”).css(“background”,”yellow”);
}
});
$(“#single”).val(“选择2”);
$(“#multiple”).val([“选择2号”,”选择3号”]);
$(“:checkbox”).val([“check2″,”check3”]);
$(“:radio”).val([“radio1”]);
alert(“careful！”);
$(“#single :eq(2)”).attr(“selected”,true);
$(“[value=radio2]:radio”).attr(“checked”,true);
//遍历节点 children()方法
$(“#btnShow”).click(function(){
for(var i=0;i<$(“body”).children().length;i++){
$(“#body”).append($(“body”).children()[i].innerHTML);
}
});
//next（）方法，取得紧挨p后面的同辈的所有元素
alert($(“ul li”).next().text());
//prev（）方法,取得紧挨匹配前面的同辈的一个元素
alert($(“li[title=菠萝]”).prev().text());
//siblings()方法，获取匹配元素所有的同辈元素
for(var i=0;i<$(“p”).siblings().length;i++){
$(“#subling”).append($(“p”).siblings()[i].innerHTML);
}
//closest()方法，取得最近的匹配元素
$(document).bind(“click”,function(e){
$(e.target).closest(“li”).css(“color”,”red”);
});
//css的操作
$(“p”).css({“fontSize”:”40px”,”background”:”yellow”});
//offset()方法，获取元素在当前视窗的相对偏移量，返回对象为top和left两个属性
alert(“top=”+$(“P”).offset().top +”;”+”left=”+$(“P”).offset().left);
//position()方法，获取元素相对于最近的position样式设置为relative或者absolute
//的祖父节点的相对偏移，返回top和left两个属性
alert(“top=”+$(“P”).position().top +”;”+”left=”+$(“P”).position().left);
//scrollTop() and scrollLest()方法返回滚动条距顶端和左端的距离
alert(“scrolltop=”+$(“P”).scrollTop() +”;”+”scrollleft=”+$(“P”).scrollLeft());
});
</script>
html代码：
<body>
<p >test</p>
<p id=”p” title=”test”>你喜欢的苹果是？</p>
<ul>
<li title=”苹果”>苹果</li>
<li title=”橘子”>橘子</li>
<li title=”菠萝”>菠萝</li>
</ul>
<input type=”button” id=”show” value=”show” />
<br/><br/><br/>
<form id=”form1″ action=”#”>
