jquery常用属性

来源:互联网 发布:佳能打印机安装软件 编辑:程序博客网 时间:2024/06/05 05:25
选择器和事件
%("#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的元素

原创粉丝点击