使用Chaining在一条语句中写入多个jQuery方法

1、jQuery方法链接,都是一次写一条jQuery语句,有一种链接(chaining)技术,允许我们在相同的元素上运行多条ijQuery命令,这样浏览器就不必多次查找相同的元素。

核心代码如下所示:

 $(document).ready(function(){
		$("button").click(function(){
		    $(".content").css("color","red").slideUp(2000).slideDown(2000);
		});
	    });
HTML代码为:
    <p class="content">我梦江南,便想到江南也想我</p>
    <button type="button">点击进行动画效果显示</button>
注:必须在代码中引入jQuery的文件。
效果如下图所示:初始效果图:

点击按钮:

注:点击按钮之后,字体变成红色,然后上移2000,完成上移后,然后下移2000


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值