zoukankan      html  css  js  c++  java
  • (3)Jquery1.8.3快速入门_jquery对象dom对象转换

    1、Jquery 对象 dom对象的转化使用:

    1.1、jquery 对象: 通过$()包装DOM对象后产生的对象。 
    1.2、jquery对象是Jquery独有的 ,可以使用jquery中的方法。 
    1.3、jquery对象无法使用DOM对象中的任何方法, 同样DOM对象也不能使用Jquery里的任何方法。 
            约定:如果获取的是jquery对象,那么要在变量前加$

             jquery对象:var $jin = 

             DOM对象: var jin=  


    1.4、jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。

              var $v = $("button");

              var v1 = $v[0];

             // 或者用 get(index) 获得dom对象,

              var v2 = $v.get(0);

    源码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>jquery 学习1</title>
    <!--  导入jquery库 -->
    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript">
    $(function(){
        
        $("button").click(function(){
            
            alert(this.firstChild.nodeValue+":dom对象使用");
            alert($(this).text()+":dom转化为jquery对象使用");
            
            var $btn2 = $("#bt2");
            //jquery对象转dom
            alert($btn2[0].firstChild.nodeValue);
            
            
            
            
        });
        
    })
    
    
    </script>
    
    
    </head>
    <body>
    jquery 对象: 通过$()包装DOM对象后产生的对象。
    <br>
    jquery对象是Jquery独有的 ,可以使用jquery中的方法。
    <br>
    jquery对象无法使用DOM对象中的任何方法,
    同样DOM对象也不能使用Jquery里的任何方法。
    <br/>
    约定:如果获取的是jquery对象,那么要在变量前加$
    
    jquery对象:var $jin = 
    DOM对象: var  jin=
    <br/>
    jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。
    var $v = $("button");
    var  v1 = $[0];
    
    或者用 get(index) 获得dom对象
    
    var v2 = $v.get(0);
    
    
    <button>click me </button>
    <button id ="bt2">click me2 </button>
    
    
    
    </body>
    </html>
  • 相关阅读:
    connot connect to mysql 10061
    <context:annotation-config/>,<mvc:annotation-driven/>和<context:component-scan>之间的关系
    Failed to read artifact descriptor for xxx:jar的问题解决
    URI is not registered ( Setting | Project Settings | Schemas and DTDs )
    MapperScannerConfigurer 自动扫描 将Mapper接口生成代理注入到Spring
    springmvc.xml,context.xml和web.xml
    web.xml
    Spring配置文件XML详解
    springmvc配置文件
    Android设置窗口、控件透明度
  • 原文地址:https://www.cnblogs.com/prefectjava/p/9126178.html
Copyright © 2011-2022 走看看