事件之营造事件
click触发每一个匹配元素的click事件。
//将页面内所有段落点击后隐藏。
$(“p”).click( function () { $(this).hide(); });
mouseover当鼠标指针位于元素上方时,会发生 mouseover 事件。
//当鼠标指针位于元素上方时时,改变元素的背景色:
$(“p”).mouseover(function(){
$(“p”).css(“background-color”,”yellow”);
});
mouseout当鼠标指针从元素上移开时,发生 mouseout 事件。
//当鼠标从元素上移开时,改变元素的背景色
$(“p”).mouseout(function(){
$(“p”).css(“background-color”,”#E9E9E4″);
});
bind()为每个匹配元素的特定事件绑定事件处理函数。
// 当每个段落被点击的时候,弹出其文本。
$(“p”).bind(“click”, function(){
alert( $(this).text() );
});
事件之合成事件
hover()一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
$(“.class”).hover(
function () {
$(this).addClass(“hover”);
},
function () {
$(this).removeClass(“hover”);
}
);
事件之模拟事件
trigger();在每一个匹配的元素上触发某类事件。
//模拟客户提交表单
$(“form:first”).trigger(“submit”);
//模拟客户点击
$(‘.cla’).trigger(‘click’);
//模拟元素获得焦点
$(‘#text’).trigger(‘focus’);
表单操作
val()获得或者设置匹配元素的当前值。
//获取输入框user的值
$(“input[name=’user’]”).val();
//修改输入框user的值
$(“input[name=’user’]”).val(2323);
prop()修改、获取表单属性值
//获取到属性值
$(“input[name=’user’]”).prop(‘value’);
// 禁用
$(“input[name=’user’]”).prop(‘disabled’,true);
//选中
$(“input[name=’love’]”).prop(‘checked’,true);
jquery动画
show()显示隐藏的匹配元素
//将选中的元素显示出来
$(“p”).show();
//将选中的元素缓慢的显示出来,有slow、normal、fast 或者是毫秒数
$(“p”).show(“slow”);
//回调函数,完成效果后执行这个函数
$(“p”).show(“fast”,function(){
$(this).text(“show time !”);
});
hide()隐藏显示的元素
//将选中的元素隐藏出来
$(“p”).hide();
//将选中的元素缓慢的隐藏出来,有slow、normal、fast 或者是毫秒数
$(“p”).hide(“slow”);
//回调函数,完成效果后执行这个函数
$(“p”).hide(“fast”,function(){
alert($(this).text());
});
fadeIn()改变不透明度,直到显示
fadeOut()改变不透明度,直到”消失”
slideUp()改变高度,直到隐藏
slideDown() 改变高度,直到完全显示
animate()自定义动画
可以根据自己的需要进行定制动画。
//同时执行
$(“.one”).animate({
width: “800px”,
height: “500px”,
fontSize: “20px”,
borderWidth:’10px’
}, 1000 );
//顺序执行
$(“.one”).animate({
width:”800px”
},3000).animate({
height:”500px”
},2000).animate({
fontSize :”30px”
},2000);
stop()清除队列,避免动画循环
$(‘.one’).hover(function(){$(this).stop().animate({width:”300px”,height:”400px”},1000);},function(){
$(this).stop().animate({width:”200px”,height:”200px”},1000);
});
其他动画:
toggle()slidToggle()
fadeTo()fadeToggle()
综合应用于jquery选项卡、表单验证、图片轮播等等。
西安市新城区中医医院怎么预约带状疱疹疫苗
西安市新城区中医医院怎么预约带状疱疹疫苗需要关注西安新城区中医医院公众号后进行预约操作。(0)人阅读时间:2024-09-19cctv2023闪亮的名字全国最美基层民警直播(入口+时间)
2023闪亮的名字全国最美基层民警直播李春、祖旭、霍耀明、李华瑞、刘欣、杨文卿、陆迅、陈飞、马义民、曾东、刘文巍、马怀龙、罗瑱、徐凯、王泽郁、郭勇、艾尼瓦尔·吐尔孙、张威、朱奕耿、黄日等20名个人光荣当选。(0)人阅读时间:2024-09-19广州之窗商务港建成(2024)(广州之窗商务港是干嘛的啊)
又有好消息!位于海珠区沥滘路的大湾区新地标:广州之窗建成,近日,广州之窗商务港三期工程C区项目顺利完成竣工验收,至此,广州之窗“100”造型完成最后一环。(0)人阅读时间:2024-09-19西安市新城区中医医院怎么查看带状疱疹到苗信息
关注西安市新城区中医医院公众号,一般到苗后会在公众号通知,也可以打咨询电话咨询。(0)人阅读时间:2024-09-19小米手机怎么截长图(小米手机怎么截长图的地方点击无效)
演示机型:小米CC9Pro,适用系统:MIUI11.0.4;小米手机中如何截长屏,相信很多使用过该软件的朋友们对此都很感兴趣,下面就和大家来分享一下,希..2024-09-19没有学区房怎么进入小学 没有学区房怎么进入小学2021
如今很多家庭为了解决小孩子上学问题,一般都会选择买学区房。然而,没有学区房怎么进入小学?带大家一起了解下吧。没有购买学区房,小孩子..2024-09-19照片怎么放在word文档里(怎样把照片放到word文档里)
使用Surface3电脑演示,适用于Windows8.1专业版系统,使用WPS11.1.0.9339-release操作。打开【word】文档,在上方的界面中,找到并点击【插..2024-09-19频繁申请贷款导致贷款被拒怎么办(频繁申请贷款导致贷款被拒怎么办呢)
频繁申请贷款导致贷款被拒,用户需要暂停申请贷款。一般需要间隔半年,用户再次提交贷款申请,这时候由于征信恢复了,信用资质条件发生变化,..2024-09-19