jQuery写法比Js简单,但不能不学Js,不知道博客园有没有喜欢写jQuery笔记的园友? 如果有jQuery的各种技巧,解答,分享评论无妨? 代码窝总结的笔记如下,希望对你有所帮助
JQuery滑动置顶
onclick=" $(‘body,html‘).animate({scrollTop:0},1000);" (一句jQuery即可实现滑动置顶)
slideToggle重复动画 (鼠标在如下拉导航出现鼠标多次移入元素时触发动画重复执行) 解决方法:
nav.hover(function(){
$(this).find("ul").slideToggle(300);
});
修改为
nav.hover(function(){
$(this).find("ul").stop(true, false).slideToggle(300);
});
JQuery连缀:
$(#box).css("color","red").css("color","red").css("color","red")
多个元素[节点]一个事件,锚点平滑滚动
$(function () {
$(‘#m1,#m2,#m3,#m4,#m5‘).click(function () {
$(‘body,html‘).animate({
scrollTop:$($.attr(this, ‘href‘)).offset().top
},1000);
return false;
})
- JQuery或者编程需要记住或者说需要认识的单词:
system 系统 highlight 突出
visited 访问的 active 活跃的
focus 集中 supplier 供应商
cost 成本 scenic 风景
unit 单元 volume 体积
reply 回复 weight 重量
integral 完整的 daily 每日的
hotel 酒店 notices 通知
place 地方 summary 总结
leave 离开 select 选择
option 选项 method 方法
domain 范围 prefix 前缀
autoload 自动加载 timeout 超时设定
setinterval 设置间隔 letter 字母
datatype 数据类型 definitions 定义
refresh 刷新 history 历史
calendar 日历 transparent 透明的
slide 滑动 toggle 切换
fast 快速的 slow 缓慢的
console 控制台 disabled 禁用
author 作者 extend 延伸 扩展
param 参数 constructor 构造函数
apply 应用 private 私有的
bounding 包围 cache 高速缓存
target 目标 handler 处理器
selector 选择 radix 基数
script 脚本 fields 领域
vertical-align 垂直对齐 nonbreaking space 不间断空格
speed 速度 easing 松开
duration 持续时间