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

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

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

时间: 2024-07-30 21:10:59

jQuery云笔记分享,技巧,问题,解答的相关文章

jQuery代码开发技巧收集,jquery常用的开发代码

jQuery代码开发技巧收集,jquery常用的开发代码 今天分享一个jquery常用的开发代码,大部分是网友总结的,总共60条.后期我也会陆续完善! 把我在开发中常用的写在这里,希望持续关注~~ 1. 使用siblings()来处理同类元素 // Rather than doing this $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); }); //

常用jQuery代码分享

常用jQuery代码分享 1.查看浏览器信息 navigator.userAgent 检索浏览器信息包括哪些字符 例如: if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {         $("#GuanKa .page_content").css("transform", "scale(0.92)");         $(".gaunk

收藏 30个jQuery Mobile开发技巧集萃

1.Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2.使用媒体查询来锁定设备 你可能会问如何使用CSS来锁定设备(根据屏幕尺寸).比如说,你想要为iPad设计两列布局.为智能手机设计单列布局.要做到这一点,最佳办法就是使用媒体查询.

jQuery 插件分享-非常优秀的tab插件tabulous- 学徒帮

干货jquery插件分享之tab. tab 选项卡切换,在日常开发中也是一种比较常见的呈现控件,今天这个tab控件效果还是蛮喜欢的,推荐给大家有用到的场景可以试试: tabulous.js A jQuery tabs module for todays web! 不过这个插件要IE10及以上才能支持,^-^!! 演示图片:   使用方法: 1. head中引入脚本及样式 <link href='tabulous.css' rel='stylesheet' type='text/css'> &l

斗音视频制作技巧和分享技巧

斗音视频制作技巧: 1. 特效.技术这些都是锦上添花的东西,创意才是抖音的灵魂,一个优秀的创意只需略微加工就能成为抖音爆款,至少对于只有15秒来说的抖音是这样的. 2. 视频分辨率1080*1920,这是抖音官方推荐的分辨率,内容必须要清晰,不然不会被推荐的. 3. 能配字幕的视频尽量都配上字幕,有了字幕观众观看起来会更直观,毕竟抖音在公众场合里看抖音没有多少人会把声音开的很大. 4. 不要过于依靠专业设备,15秒的短视频并不是靠炫酷来吸引观众的,代古拉K从不知名到火爆抖音靠的不就是一部手机+舞

26个Jquery使用小技巧 二

前段时间发布了Jquery类库1.4版本,使用者也越来越多,为了方便大家对Jquery的使用,下面列出了一些Jquery使用技巧.比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与

jquery实现分享到侧边栏原理

几乎每一个网站,都有一个分享到侧边栏的功能, 我写的这个是固定在网页窗口的左侧, html: <!--------------分享到侧边栏----------------------> <div id="share"> <span>分享</span> </div> css: /*******************************分享到侧边栏**************************************/

26个Jquery使用小技巧

下面列出了一些Jquery使用技巧.比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与其他Javascript类库冲突问题. 1. 禁止右键点击 1 2 3 4 5 $(docum

经典收藏 50个jQuery Mobile开发技巧集萃

1.Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2.使用媒体查询来锁定设备 你可能会问如何使用CSS来锁定设备(根据屏幕尺寸).比如说,你想要为iPad设计两列布局.为智能手机设计单列布局.要做到这一点,最佳办法就是使用媒体查询.