zoukankan      html  css  js  c++  java
  • Js与jQuery的相互转换

    $()与jQuery()

    jQuery中$函数,根据传入参数的不同,进行不同的调用,实现不同的功能。返回的是jQuery对象

    jQuery这个js库,除了$之外,还提供了另外一个函数:jQuery

    jQuery函数跟$函数的关系:jQuery ===$;

    jQuery与js区别

    jquery有一层功能皮肤,其内核还是js

    JS与jQuery对象之间的转换

    1、js对象转换成jquery对象。 $(js对象);

    2、jquery对象转换成js对象。 (1)jquery对象[索引值] (2)jquery对象.get(索引值)

    操作内容

    1、jsdom.innerHTML==jqdom.html();

    2、jsdom.value==jqdom.val();

    3、jsdom.style.color==jqdom.css('color')  jqdom.css('color','red')

         jqdom.css({

      'color':'red',

      'width':'120px',

      ...

    })

    操作属性

    1、jsdom.setAttribute==jqdom.attr('class') jqdom.attr('class','n1');

    2、jsdom.getAttribute==jqdom.attr({

        'id':'btn',

        'class':'n1',

        ...

    })

    3、jsdom.removeAttribute('class')==jqdom.removeClass();

    4、jsdom.addClass('');

    jquery 中addClass()和 attr()的区别

    我们可以看出addClass是在原来的基础上添加属性,attr则是替代。

     

    操作事件

    1、jsdom.onclick = function(){

      this

    }

    2、jqdom.click (function(){

      $(this)

    })

    JS与jQuery对象之间的转换

    1、js对象转换成jquery对象。 $(js对象);

    2、jquery对象转换成js对象。 (1)jquery对象[索引值] (2)jquery对象.get(索引值)

     

  • 相关阅读:
    Bootstrap使用
    Gulp
    Less和Sass
    ECMAScript6语法重点(二)
    deepin scrot-- linux下的截图工具
    iframe获取父、子窗口的方法
    测试总结--同步或异步处理过程中常见的问题
    测试总结--兼容性
    测试总结--时间/金额类字段需要关注的点
    测试总结--系统调用链路发生变更,如何评估测试范围
  • 原文地址:https://www.cnblogs.com/linqingvoe/p/10727515.html
Copyright © 2011-2022 走看看