jQuery事件和动画基础的详细说明

今天,我们来讨论一下jQuery中的事件和简单动画。毕竟,它们是建立在基础和华丽的基础上的!

1。事件

1.window事件

准备就绪

2。鼠标事件

方法执行

单击(FN)单击鼠标


$(文档)Ready(函数(){)
$(DD > IMG)。Click(function(){)
$(DT > IMG)显示();
});


(FN)鼠标悬停鼠标指针移出日期

当mouseout(FN)鼠标指针移出


$(# nav.navsbox ul)。Mouseover(function(){()
$(这)。AddClass(onbg ); / /添加类元素的Onbg风格。
})。Mouseout(function(){)
$(这)。RemoveClass(onbg ); / /去除。onbg类风格元素
});


悬停()


$()。Hover(函数(){)
$(这)AddClass('bgreen);
}函数(){()
$(这)RemoveClass('bgreen);
});


三.键盘事件

KeyDown()当你按键盘

Keyup()当按钮被释放

当按键()产生的可打印字符


$(函数(){())
$({类型=密码})。Keyup(function(){)
$(# E )。追加(KeyUp );
})。Keydown(function(){)
$(# E )。追加(keydown );
})。Keypress(function(){)
$(#e).Append (keypress);
});

$(document)。Keydown(函数(事件){
如果(事件。密码= =13){
警报()要提交吗;
}
});
});


4。活动形式

焦点()获得焦点

Blur()失去焦点


$(函数(){())
$(输入)。焦点(函数(){)
$(这个)。下一步。(Css)
警报(1123);
});
$(输入)。Blur(函数(){)
$(这个)。下一步。(Css)
});
});


绑定事件和删除事件

Bind(类型,{数据},FN)(绑定)

类型主要包括基本事件如模糊焦点,点击,mouseout等。此外,它还可以是自定义事件。

{资料}的是作为一个event.data属性值的事件对象的附加数据传递对象,这是没有必要的

FN用于绑定处理函数。

Unbind({型},{ FN })(去除)

类型主要包括基本事件如模糊焦点,点击,mouseout等。此外,还可以自定义事件。

FN用于绑定处理函数


$(函数(){())
$()。Bind({
鼠标悬停:函数(){
$(这个)Css(背景色
},mouseout:函数(){()
$(这个)Css(背景色
}
});
$(礼)的Unbind();
});


2。动画

1。控制元素显示和隐藏$(选择器)。

$(选择器)隐藏({速度},{回调})

速度:可选。指定元素从隐藏(显示)到可见的速度(不可见)。

回调:可选。执行完show函数后要执行的函数。


$(函数(){())
$(可见)隐藏(100);
});
(隐藏)。显示(100);


2。改变元素的透明度


$(函数(){())
$(输入)。Click(函数(){)
$(img)。FadeOut(100); / / C.
/ / $(img)。FadeIn(100);在
});
})


三.改变元素的高度


$(函数(){())
$()。Click(函数(){)
/ / $(.txt)(。slideup);
$(.txt)。SlideDown();
});
});


以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!