常用的jQuery方法

animate函数

运动函数

.animate({"属性":"值"},时间,运动函数,回调函数)

css

.css("color","red")
.css({"color":"red","background":"red"})

each遍历的方法

$("div").each(function(index){
})//等同于for循环遍历,参数index就是对应的下标值

stop([clearQueue],[jumpToEnd])

停止所有在指定元素上正在运行的动画。
如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行
clearQueue:如果设置成true,则清空队列。可以立即结束动画。
jumpToEnd:如果设置成true,则完成队列。可以立即完成动画。

stop(true,true)//直接停止
stop(false,true)//马上被执行到目标点,让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等
stop(true)//请空动画序列,可以立即结束动画

index()

$("div").index()//取下标

eq()

$("div").eq(0)//选中下标为0的div 
var a = {}
var b = {}
a != b //对象空间不一样
function m1(){
  return a
}
var c = m1()
var d = m1()
c == d //指向一个空间
var a = $(".div1")
var b = $(".div1")
a != b//创建了两个jQuery对象,不同空间

var a = document.getEllementById("#div1")
var a.xxx = 1024
var b = document.getEllementById("#div1")
console.log(b.xxx) //1024,指向一个空间且a==b

滚轮插件

<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
    <script src="js/jquery.mousewheel.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(document).mousewheel(function(e){
            console.log(e.deltaY)           
        })
    </script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 1,104评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • 为甚嚒要学习jQuery? 因为JS中有很多痛点: window.onload事件只能出现一次,如果出现多次,后面...
    magic_pill阅读 843评论 0 13
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 1,169评论 0 4