1.鼠标事件
eg：光棒效果
$(function () {
$('li').mouseover(function () { //鼠标移过时
$(this).css('background','blue');
}).mouseout(function () { //鼠标移过后
$(this).css('background','');
});
});
2.键盘事件
3.表单事件
eg：输入框的文字显示效果
// 查询输入框
$("input[name='search']").focus(function(){
$(this).val("");
});
$("input[name='search']").blur(function(){
$(this).val("请输入要查询的问题");
});
4.绑定事件与移除事件
bind():绑定事件
01.绑定一个
$("input[name=event_1]").bind("click",function() {
$("p").css("background-color","#F30");
});
02.绑定多个
$("input[name=event_1]").bind({
mouseover: function () {
$("ul").css("display", "none");
},
mouseout: function () {
$("ul").css("display", "block");
}
});
unbind([type],[fn]):移除事件
当unbind()不带参数时，表示移除所绑定的全部事件
5. 复合事件
1.hover()方法
hover()方法相当于mouseover与mouseout事件的组合，用于模拟鼠标指针悬停事件
2.toggle()方法 （在j 1.7后就删除，不建议使用）
toggle()方法用于模拟鼠标连续click事件
2.toggle()方法 （在j 1.7后就删除，不建议使用）
toggle()方法用于模拟鼠标连续click事件
$("body").toggle(
function () { }, //第一次点击触发
function () { }, //第二次点击触发
function () { } //第三次点击触发
... //...
);
同时toggle()方法还有一个作用：切换元素可见状态
$('input').toggle(
function () {
$('ul').toggle(); //是显示的则隐藏，是隐藏的则显示
},
function () {
$('ul').toggle(); //是显示的则隐藏，是隐藏的则显示
}
);
二：动画
1.显示及隐藏元素
show() 在显示元素时，能定义显示元素时的效果，如显示速度
$(".tipsbox").show("slow");//以较慢的速度显示元素
hide() 隐藏元素
$(".tipsbox").hide("slow");//以较慢的速度隐藏元素
这里补充一个is()方法的使用，可以用来判断是显示还是隐藏。
eg：
$('input').bind('click', function () {
if ($(this).is(':visible')) {//如果内容为显示
$(this).hide();
} else {
$(this).show();
}
})
2.切换元素可见状态（toggle()）
toggle()除了可以模拟鼠标的连续单击事件外，还能用于切换元素的可见状态
$("li:gt(5):not(:last)").toggle();//是隐藏则显示，是显示则隐藏
3.淡入淡出效果
fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果
$("input[name=fadein_btn]").click(function(){
$("img").fadeIn("slow"); //以较慢的速度淡入
});
$("input[name=fadeout_btn]").click(function(){
$("img").fadeOut(1000); //以1000毫秒的速度淡出
});
4.改变元素的高度
slideDown() 可以使元素逐步延伸显示，slideUp()则使元素逐步缩短直至隐藏
$("h2").click(function(){
$(".txt").slideUp("slow");
$(".txt").slideDown("slow");
});
三：自定义动画
详情 点击 深入理解jquery自定义动画animate()
你一定会有所收获的！
以上这篇深入理解jquery中的事件与动画就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
jquery,事件与动画
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。