jQuery

1.Jq选择器

 

Id
　　$(“#my”)  
　　通过id获取元素
Class选择器
　　$(".cla").css("color","red");
　　对所有的类名为cla的元素设置样式
　　$(".cla").eq(2).css("color","red");
　　对类名为cla元素中的第3个设置样式
　.eq(n)  筛选    =n
　　或者用$(".cla:eq(2)")
　　.lt(n)   <n
　　.gt(n)   >n
Js对象和jq对象的转换
　　var  m = document.getElementById(“my”)
　　　　　m 　　　　　　是js对象
　　　　  $(m)   　　 转为了jq对象
　　　　　$(“#my”)    是jq对象  
　　　　　$(“#my”)[0] 是js对象   
设置样式
　　object.css(“color”,”red”)
　　object.css({“color”:”red”,”font-size”:”18px”});
事件
　　$("#dd").click(function() {
　　　　//this 代表本身
　　　　$(this).hide();//隐藏       show() 显示
　　});

 

2. 常用函数

 

toggle()  显示隐藏切换
show()   显示
hide()   隐藏
html()     获取元素的内容  加参数是设置
val()   获取value属性值，加参数是设置
text()  获取元素的文本，加参数是设置
addClass(class名)  给元素添加一个类
removeClass(class名)  给元素移除一个类
hasClass(class名)  判断元素是否包含某个类
index()  获取当前索引
attr(属性名【，属性值】)  获取或设置指定的属性  能获取官方的和自定义的属性
prop(属性名【，属性值】)  获取或设置指定的属性  只能获取官方的属性
$("#my").toggleClass("cla");//如果有cla这个类，就移除，没有就添加

 

3.效果

$("#big").animate(
　　{"margin-top": "-76px"},1000,,function(){}
) 

动画
　　object.delay(1000)   延迟
　　clone()  克隆一个副本
　　object.offset().top    获取元素的垂直位置
　　object.offset().left   获取元素的水平位置
　　object.remove()  删除元素