zoukankan      html  css  js  c++  java
  • document.getElementById('file').files[0]的jquery写法

    document.getElementById('file').files[0]的jquery写法

    这个我们需要把document.getElementById('file')看成是Dom对象.

    明白了道理,这个就很好解决了.就是将jquery对象转成DOM对象即可获得js文件对象

    示例:

    var $li = $(“li”);
    //第一种方法(推荐使用)
    $li[0]
    //第二种方法
    $li.get(0)
    //其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。

    转自: https://www.cnblogs.com/lsy0403/p/5907084.html

    什么是DOM对象

      使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。比如使用document.getElement*系列的方法返回的就是dom对象。

    var btn = document.getElementById("btnShowDiv");
    var divs = document.getElementsByTagName("div");
    

      dom对象只可以使用dom对象的方法和属性

    domObject.innerHTML = "dom对象设置文本";
    domObject.style.display= "block";//dom对象显示对象
    domObject.onclick = function() {}//dom对象绑定事件
    

    什么是jQuery对象

      jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。比如使用$()方法返回对象都是jquery对象。

    $("div");//标签选择器返回的jquery对象。
    $("#btnShowDiv");//id选择器返回的jquery对象。
    

      jQuery对象只能使用jquery对象的方法

    var $obj = $("div");
    $obj.html("jquery对象设置文本的方法");
    $obj.show();//jquery对象显示文本
    $obj.click(function() {});//jquery对象绑定事件
    

    错误的用法

    $("div").innerHTML;//jquery对象不能调用dom方法
    //dom对象不能调用jquery方法。
    document.getElementById("btnShowDiv").show();
    

    深入了解jQuery对象

    jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合)

    联想记忆:衣服和洗衣机的关系

    jQuery对象和DOM对象的相互转换

    1.jQuery对象转DOM对象

    var $li = $(“li”);
    //第一种方法(推荐使用)
    $li[0]
    //第二种方法
    $li.get(0)
    //其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。
    

    2.DOM对象转jQuery对象

    联想记忆:我有钱[美元],所以我的功能就更强大。

    var $obj = $(domObj);
    // $(document).ready(function(){});就是典型的DOM对象转jQuery对象
  • 相关阅读:
    顶点着色器详解 (Vertex Shaders)
    Texture Filter中的Bilinear、Trilinear以及Anistropic Filtering
    mysql远程访问1045的问题解决
    在eclipse上集成安装阿里巴巴代码规约P3C插件
    Mybatis Generator主要配置详解
    redis cluster最简配置
    springboot +redis配置
    redis cluster的conf配置文件配置
    MySQL与Oracle的主要区别
    java EE中使用PO和VO的注意事项
  • 原文地址:https://www.cnblogs.com/yxgmagic/p/9522554.html
Copyright © 2011-2022 走看看