选择器和事件
%("#div1").bind/on("click",setColor);
funtion setColor()
{
alern("hellow");
}
funtion test(event){
event.stopPropagation();//阻止父类冒泡
event.stopImmediatePropagation();//阻止所有冒泡
}
修改元素
.arrt("href"); 获取/修改属性
.html("<a herf="#"></a>"); 修改其中的html元素
.val(); 获取和修改元素的value值;
添加元素
var text1="<p>hellow</p>" //添加元素的三种方式
var text2=$("<p></p>").text("hellow")
var text3=document.createElement("p")
text3.innerHTML="hellow";
$("#pid").append(text1,text2,text3);
删除元素
$("#pid").remove();
$("#pid").empty();
Jquery效果
.dide(1000); 隐藏(动画效果)
.show(); 显示
.toggle(); 隐藏/显示
});
淡入淡出
fadeIn(1000); //当前元素display:none;
fadeOut(1000);
fadeToggle(1000);
fadeTo(1000,0.5); 设置透明度
滑动
slideDown(1000);
slideUp();
slideTogggle();
回调
$("div").hide(2000,funtion(){ 隐藏动画结束后删除元素
$(this).remove();
AJAX异步访问
/*注意这种方式 mian>a 只让点击点击第一层a有反应*/
设置css属性
$("#pid").css("width","100px");
$("#pid").css({
width:"100px",height:"100px",
});
遍历
$("#id").children().css("width","100px"); //只向下寻找一杯
$("#id").find("#id1");
parent();
parents();
%("#div1").bind/on("click",setColor);
funtion setColor()
{
alern("hellow");
}
funtion test(event){
event.stopPropagation();//阻止父类冒泡
event.stopImmediatePropagation();//阻止所有冒泡
}
修改元素
.arrt("href"); 获取/修改属性
.html("<a herf="#"></a>"); 修改其中的html元素
.val(); 获取和修改元素的value值;
添加元素
var text1="<p>hellow</p>" //添加元素的三种方式
var text2=$("<p></p>").text("hellow")
var text3=document.createElement("p")
text3.innerHTML="hellow";
$("#pid").append(text1,text2,text3);
删除元素
$("#pid").remove();
$("#pid").empty();
Jquery效果
.dide(1000); 隐藏(动画效果)
.show(); 显示
.toggle(); 隐藏/显示
});
淡入淡出
fadeIn(1000); //当前元素display:none;
fadeOut(1000);
fadeToggle(1000);
fadeTo(1000,0.5); 设置透明度
滑动
slideDown(1000);
slideUp();
slideTogggle();
回调
$("div").hide(2000,funtion(){ 隐藏动画结束后删除元素
$(this).remove();
AJAX异步访问
/*注意这种方式 mian>a 只让点击点击第一层a有反应*/
设置css属性
$("#pid").css("width","100px");
$("#pid").css({
width:"100px",height:"100px",
});
遍历
$("#id").children().css("width","100px"); //只向下寻找一杯
$("#id").find("#id1");
parent();
parents();
console.log();
var po=$(this).position(); //获取位置信息
po.felt;
po.right;
po.top;
po.bottom;
var index=$(this).index();//获取当前被点击元素的序列号,它是从0开始的 indexCont=index; $("#pic img").eq(index).fadeIn(1000).siblings().fadeOut(1000);//.siblings()找到除了自己以为所有的兄弟元素。$("#pic img").eq(index)找到对应下标为index的元素