码迷,mamicode.com
首页 > Web开发 > 详细

jQuery云笔记分享,技巧,问题,解答

时间:2018-04-07 12:58:03      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:pac   apply   white   出现   历史   hot   calendar   style   click   

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 持续时间
 
 

jQuery云笔记分享,技巧,问题,解答

标签:pac   apply   white   出现   历史   hot   calendar   style   click   

原文地址:https://www.cnblogs.com/daimawo/p/8732795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!