zoukankan      html  css  js  c++  java
  • jQuery2

    DOM

         一个参数            两个参数       对象

       css()   获取指定样式属性值    设置属性值    设置多个属性值

          attr    获取指定属性值      设置属性值     设置多个属性值

               Prop  获取指定属性值      设置属性值     设置多个属性值

       attrprop区别  attr用于自定义属性值  prop自带属性

    删除属性

      removeAttr() 

    操控内容

      html( )  没参数是获取,获取匹配元素第一个的内容  

                    有参数是设置内容 ,设置所有的匹配元素

      text()        没参数是获取,获取匹配元素素有的文本内容  

                    有参数是设置内容 ,设置所有的匹配元素

      val ()         没参数是获取,获取匹配元素第一个的内容

              有参数是设置内容 ,设置所有的匹配元素

    css样式

      addClass()   添加属性 

      removeClass() 删除属性名 

      hasClass()  判断是否有指定属性名  返回布尔值 

      toggleClass()  切换样式

      addClass  attr()  区别

      addClass 不会改变原来的值,直接在后面添加

      attr()    会重置,会改变原来的 值  

    $(“<p></p>”) 创建标签

    父子关系 

      a.append(b)  

      b.appendTo(a)   b添加到a的末尾 

      a.prepend(b)     

      b.prependTo(a)  b添加到a的开头

    兄弟关系 

      a.after(b)  

      b.insertAfter(a)  b添加到a的后面 

      a.before(b)

      b.insertBefore(a)    b添加到a的前面

    $(selector).remove()  删除 

    $(selector).empty() 清空

    $(selector).clone()  默认参数是false 只复制样式  如果参数true 复制功能(绑定的事件)和样式  

    a.replaceWith(b)  b来替换a

    包裹方法

      A.wrap(b)

      A.wrapInner(b)

      A.wrapAll(b)

      .size() ==.length  返回长度 

      对象.index()  返回当前元素的索引值 最好传入参数 

      .toArray()  返回数组的形式

      mouseover 输入移入

      mouseenter 鼠标移入  不支持冒泡

      mouseout

      mouseleave  鼠标移出  不支持冒泡

      mousedown   鼠标按下

      mouseup  鼠标抬起

      mousemove 鼠标移动

      click      鼠标点击

      dblclick    鼠标双击  

      contextmenue  鼠标右键  

    表单事件

      Change  改变内容荣

      Focus   获取焦点事件

      Blur    失去焦点事件

      Submit  提交事件 

      Keydown   键盘按下

      Keyup     键盘抬起

    对象。事件名()

      $(selector).click(function(){})

      $(selector).on(event.type,function(){})

      $(selector).bind(event.type,function(){})

      Off()  unbind()  事件移除

      Hover()  复合事件   

      Hover(function(){

          移入

      },function(){

          移出

      })

    事件类型  event.type    事件名

    事件源    event.target  返回触发事件的对象

    PageX pageY   返回x,y轴坐标

    Event.preventDefault()    阻止默认事件

    Event.stopPropagation()   阻止事件冒泡

    事件委托

      Delegate(childSelector,事件名,function(){})

      On(事件名,childSelector,function(){})

    事件命名空间

      $(“div”).on(“click.ss”,fn)

      $(“div”).off(“.ss”)

    所有动画方法都可以传入两个基本的参数

    时间  毫秒数  英文单词  fast normal slow

    200  400  600

    函数  当动画完成之后执行该函数

    Hide()   隐藏

    show() 显示

    Toggle()  切换

    fadeIn()

    fadeOut()

    fadeToggle()

    fadeTo(时间,透明度,fn)   最后会停留在指定的透明度

    SlideDown()   显示 划出

    SlideUp()    隐藏 收齐   以css为正方向 向下或者是向上

    SlideToggle()  切换

    自定义动画 

      Animate({“key:value”},时间,function(){})

      参数 value = 10  value  +=10;

       Animate({“key:value”},时间,function(){}).Animate({“key:value”},时间,function(){})

      Stop();

  • 相关阅读:
    23丨当Postgres磁盘读引起IO高的时候,应该怎么办
    22丨案例:当磁盘参数导致IO高的时候,应该怎么办
    LNMP环境搭建
    virtualbox中centos虚拟机网络配置
    chrome扩展程序开发
    Linux账号管理
    Linux设置文件与Shell操作环境
    Yii2之组件的注册与创建
    Stream 源码分析
    Exchanger 源码分析
  • 原文地址:https://www.cnblogs.com/user-5253/p/7096523.html
Copyright © 2011-2022 走看看