• jQuery效果与事件方法


    知识点一:css() 方法设置或返回被选元素的一个或多个样式属性。

    1、返回css属性

    css("propertyname");

    案例:     $("p").css("background-color");

    2、设置css属性

    css("propertyname","value");

    案例:$("p").css("background-color","yellow");

    3、设置多个css属性

    css({"propertyname":"value","propertyname":"value",...});

    案例:$("p").css({"background-color":"yellow","font-size":"200%"});

    知识点二:对类的操作

    (1) addClass()

    向被选元素添加一个或多个类

    (2) removeClass()

     从被选元素删除一个或多个类

     

    (3) toggleClass()

     

    对被选元素进行添加/删除类的切换操作

     

    (4) eq()

     

     方法返回带有被选元素的指定索引号的元素,索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。

    (5) index()

     index() 方法返回指定元素相对于其他指定元素的 index 位置。

    (6)not()

     Not() 方法返回指定元素之外的元素。

     

     

    知识点三:动画效果

    (1) jQuery隐藏显示

    可以使用 hide() show() 方法来隐藏和显示 HTML 元素

    (2) jQuery淡入淡出

    fadeIn() 用于淡入已隐藏的元素 fadeOut() 方法用于淡出可见元素。

     

    (3) jQuery滑动

     

     slideDown() 方法用于向下滑动元素 slideUp() 方法用于向上滑动元素

    (4) jQuery自定义动画

    animate() 方法用于创建自定义动画。可选的 speed 参数规定效果的时长。它可以取以下值:"slow""fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

     

    (5) stop方法

     

    jQuery stop() 方法用于停止动画或效果,在它们完成之前,适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

    知识点四:事件机制

     

    (1) 、注册事件

     

    bind() on() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。

     

    (2) 、委托事件

     

    delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

     

    (3) 、事件对象event

     

    event对象有以下属性

     

    type:事件类型,比如click

     

    which:触发该事件的鼠标按钮或键盘的键。

     

    target:事件发生的初始对象。

     

    data:传入事件对象的数据。

     

    pageX:事件发生时,鼠标位置的水平坐标(相对于页面左上角)。

     

    pageY:事件发生时,鼠标位置的垂直坐标(相对于页面左上角

     

    (4) each()方法

     

    each() 方法为每个匹配元素规定要运行的函数。

     

     

     

     

     

     

  • 相关阅读:
    BZOJ3105: [cqoi2013]新Nim游戏 博弈论+线性基
    BZOJ3759: Hungergame 博弈论+线性基
    NOI模拟赛Day2
    期望dp BZOJ3450+BZOJ4318
    NOI模拟赛 Day1
    NOI模拟 热身赛T1
    【BZOJ4260】 Codechef REBXOR 可持久化Trie
    【BZOJ3673】&&【BZOJ3674】: 可持久化并查集 by zky 可持久化线段树
    【BZOJ3207】花神的嘲讽计划I 可持久化线段树/莫队
    【bzoj3527】[Zjoi2014]力 FFT
  • 原文地址:https://www.cnblogs.com/bigbang66/p/13515320.html
Copyright © 2020-2023  润新知