zoukankan      html  css  js  c++  java
  • jquery

    Jquery经常做的事:找对象,干件事;

    找对象:

    $(“对象”)  这里的对象是指CSS选择器。主要包括:

    1、css类选择器  常用

    2、Css并集选择器 常用

    3、Css后代选择器  常用

    4、Css ID选择器  不常用

    5、Css 元素选择器  不常用

    6、Css 通配符选择器  $(“*”)  不常用

    7、高级选择

    $(this)当前的html对象,

    解释:在一段完整的脚本里面,表示当前触发动作的那个对象(必须有选择范围(例如在.click里面写)

    注意: $(this)是一个变量,是用户主观选择的那个,用户点到谁,就是谁。

    .index() 获取当前在同级元素中的序号

    遍历函数  (一般与$(this)合用)

    兄弟

    $("").prev()  在同级(兄弟)元素中,当前对象的前一个对象

    $("").next()  在同级(兄弟)元素中,当前对象的后一个对象

     $("").not()   除了括号内对象之外的元素

     $("").first()兄弟级元素中的一个

    .eq()

    指向()中的序号元素,0开始计数。

    .siblings()指除了当前元素之外的其他元素。

    后代

    $("").children(“要显示的对象”)  当前对象的第一级(只能是儿子级,不能是孙子级)子元素 复数

    $("").find(“要显示的对象”)  当前元素的子孙元素(复数),小括号内必须指定是哪个对象。

    祖先

    parent()当前对象的父元素(单数

    parents()当前对象的祖先元素(复数)

    干件事:

    1、.show() 让找到的对象显示。

    2、.hide()  让找到的对象隐藏。

    (效果)动画

    1、.slideDown()   表示对象展开,下滑动画

    2、.slideUp()   表示对象收起,收起动画,从有到无。

    3、.fadeIn()  淡淡的显示   透明度的变化   从无到有

    4、.fadeOut()淡淡的消失  透明度的变化   从有到无

    5、.animate({"样式":"值"})自定义动画,起点关键帧,写在css中,animate写得是终点关键帧。

    自定义动画的常用样式:width  height top  bottom  left    right   opacity(透明度);

    6、.stop()只有两个值.stop(true,true)与.stop(true,false)两个值。前一个true表示是否取消列队动画。第二个值表示当前动画是否立即完成。比如.stop(true,true)意思是停止当前排队的动画,并且当前排队的动画直接跳转到终点帧状态。.stop(true,false)意思是停止当前排队的动画,并且当前排队的动画有过渡的播放完成。

    注意:stop(true,true)停止动画,一般写在动画命令的前面,.delay()延迟,写在stop()后面。

    1、.attr()  给标签的属性值增加或者替换值。

    .attr({“属性”:”值”,{“属性”:”值”})

    2、.css()  给元素增加一个样式或者多个样式。

    .css({"样式":"值","样式":"值"})

    function(){}用来建立联系,{要被触发的事件,可以为多件事},(参数)

    1、.click(function(){})鼠标点击事件

    2、.ready(function(){})文档加载事件

    3、.hover(function(){鼠标悬停到对象时触发的事件},function(){鼠标移除对象时触发的事件})鼠标悬停事件

    4、.Mouseoverfunction(){}鼠标悬停

  • 相关阅读:
    [CF1355] Codeforces Round #643 (Div. 2)
    [ABC189] AtCoder Beginner Contest 189
    P3702 [SDOI2017]序列计数 (三模数NTT)
    P3321 [SDOI2015]序列统计 (NTT快速幂)
    洛谷P4157 [SCOI2006]整数划分
    洛谷P2553 [AHOI2001]多项式乘法
    洛谷P1919 (模板)A*B Problem升级版(FFT快速傅里叶)
    MySQL学习总结-详细版(包括下载安装)
    查看oracle数据库中表是否被锁
    SQL优化(面试题)
  • 原文地址:https://www.cnblogs.com/feiyu1111111111/p/4969316.html
Copyright © 2011-2022 走看看