您好,欢迎来到爱尚他娱乐网。
搜索
您的当前位置:首页使用jQuery同时控制四张图片的伸缩实现代码_jquery

使用jQuery同时控制四张图片的伸缩实现代码_jquery

来源:爱尚他娱乐网
 代码如下:







$(function () {
$('#Button1').click(function () {
// 获取的是所有类型(tagname)为img的元素
// $('img').show(3000);
// $('img').hide(3000);
// //获取的是所有class属性的值为“imgclass”的元素
// $('.imgclass').hide(3000);
// $('.imgclass').show(3000);
// $("#img1, #img2, #Button1").hide(2000);
// $("#img1, #img2, #Button1").show(2000); //一定是将所有id用一对''括起来,而不能每个id分别用引号括起来
// //多个选择器既可以是id,也可以是id,tagname和classname的混合体
// $("#img1, #img2, input").hide(2000);
// $("#img1, #img2, input").show(2000);
//改变图片样式
$('#Button2').click(function () {
// $('#img2').removeClass();//删除Id为img2的class样式
$('#img2').addClass('imgclass1');//然后再添加一个样式,再次点击按钮操作图片时,由于此图片的样式已改,所以不发生变化
})
})
})












Copyright © 2019- irta.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务