Jquery经常做的事:找对象,干件事;
找对象:
$(“对象”) 这里的对象是指CSS选择器。主要包括:
1、css类选择器 常用
2、Css并集选择器 常用
3、Css后代选择器 常用
4、Css ID选择器 不常用
5、Css 元素选择器 不常用
6、Css 通配符选择器 $(“*”) 不常用
7、高级选择
$(this)当前的html对象,
解释:在一段完整的脚本里面,表示当前触发动作的那个对象(必须有选择范围(例如在.click里面写))
注意: $(this)是一个变量,是用户主观选择的那个,用户点到谁,就是谁。
.index() 获取当前在同级元素中的序号
遍历函数 (一般与$(this)合用)
兄弟
$("").prev() 在同级(兄弟)元素中,当前对象的前一个对象
$("").next() 在同级(兄弟)元素中,当前对象的后一个对象
$("").not() 除了括号内对象之外的元素
$("").first()兄弟级元素中的一个
.eq()
指向()中的序号元素,从0开始计数。
.siblings()指除了当前元素之外的其他元素。
后代
$("").children(“要显示的对象”) 当前对象的第一级(只能是儿子级,不能是孙子级)子元素 复数
$("").find(“要显示的对象”) 当前元素的子孙元素(复数),小括号内必须指定是哪个对象。
祖先
parent()当前对象的父元素(单数)
parents()当前对象的祖先元素(复数)
干件事:
1、.show() 让找到的对象显示。
2、.hide() 让找到的对象隐藏。
(效果)动画
1、.slideDown() 表示对象展开,下滑动画
2、.slideUp() 表示对象收起,收起动画,从有到无。
3、.fadeIn() 淡淡的显示 透明度的变化 从无到有
4、.fadeOut()淡淡的消失 透明度的变化 从有到无
5、.animate({"样式":"值"})自定义动画,起点关键帧,写在css中,animate写得是终点关键帧。
自定义动画的常用样式:width height top bottom left right opacity(透明度);
6、.stop()只有两个值.stop(true,true)与.stop(true,false)两个值。前一个true表示是否取消列队动画。第二个值表示当前动画是否立即完成。比如.stop(true,true)意思是停止当前排队的动画,并且当前排队的动画直接跳转到终点帧状态。.stop(true,false)意思是停止当前排队的动画,并且当前排队的动画有过渡的播放完成。
注意:stop(true,true)停止动画,一般写在动画命令的前面,.delay()延迟,写在stop()后面。
1、.attr() 给标签的属性值增加或者替换值。
.attr({“属性”:”值”,{“属性”:”值”})
2、.css() 给元素增加一个样式或者多个样式。
.css({"样式":"值","样式":"值"})
function(){}用来建立联系,{要被触发的事件,可以为多件事},(参数)
1、.click(function(){})鼠标点击事件
2、.ready(function(){})文档加载事件
3、.hover(function(){鼠标悬停到对象时触发的事件},function(){鼠标移除对象时触发的事件})鼠标悬停事件
4、.Mouseover(function(){})鼠标悬停