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