引入jQuery库:
直接从 BootCDN 中查找jQuery,把script标签贴过去就好,当然也可以去 jQuery官网 去下载jQuery库
基本语法:
基础语法:$(selector).action
每一个jQuery都由美元符号$
来定义
括号内为元素选择器(类似CSS中的选择器)
action()表示要进行的操作
比如:
$(function(){
});
自调用函数,所有用了jQuery的操作都会在整个页面加载完后再加载执行
比如:
$("#b").click(function(){
});
表明当 id 为 b 的节点被点击时执行的操作
滑动方法:
拉下面板:
$(selector).slideDown(speed, callback);
speed规定效果的时长(取值为:slow, fast, 毫秒数)
callback是滑动完成后执行的函数名称
(两个参数皆为可选参数)
拉上面板:
$(selector).slideUp(speed,callback);
参数与拉下面板一样
自由控制拉上拉下:
$(selector).slideToggle(speed,callback);
参数与上述一样。
当面板处于拉下状态,则拉上去,处于拉上状态则拉下来。
链:
比如:$("#p1").css("color","red").slideUp(2000).slideDown(2000);
表示id为p1的节点字体颜色会先变红,然后向上滑动,最后向下滑动