jquery在线手册

jquery在线手册

jquery在线手册

在线工具

jQuery 鼠标事件方法
jQuery 效果方法
jQuery HTML/CSS 方法
jQuery 遍历方法

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
document.write(Date());
</script>
<button onclick="this.innerHTML=Date()">现在的时间是?</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

 

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>

<script>
//动画
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
});
});
});
</script>

例:

//4.同级下移一位方法
function down_editpage(){
$(".edit_page_memu_04").click(function(){
//移除被选中元素自己和兄弟元的子元素div
$(".edit_page_1 .active").parent("div").children("div").remove();
//选中元素
var this_parent_id=$(".edit_page_1 .active").parent("div").prev().attr("id");//父元素的id
var this_active=$(".edit_page_1 .active");
var this_next=$(".edit_page_1 .active").next();
//判断元素的下一位是否存在
if(this_next.length > 0){
//下一位存在,移动元素
this_next.after(this_active);
//循环被选元素和兄弟元素,提取id
var sum_id='';
$(".edit_page_1 .active").parent("div").children().each(function(){
var this_id=$(this).attr("id");
sum_id+=this_id+',';
});
//alert(sum_id);
//调用后台方法将id字符串传到后台
move(sum_id);
//重展开父元素,进行刷新加载
$('#'+this_parent_id).children("span").trigger("click").trigger("click");
}else{
//下一位不存在
$('#'+this_parent_id).children("span").trigger("click").trigger("click");
//alert("下一位不存在,不移动");
}

});
}