zoukankan      html  css  js  c++  java
  • jquery基础1jquery和dom对象转换

    Window.onload=function(){

    //页面加载,不能同时编写多个,最后面的会覆盖前面的

    }

     

    $(document).ready(function(){

    //页面加载,能同时编写多个

    });

    相当于

    $(function(){

    //页面加载,能同时编写多个9

    });

     

    $(“#foo”).html()

    相当于

    Document.getElementById(“foo”).innerHTML;

    Jquery对象转换成dom对象

    第一种方法:

    Var $cr=$(“#cr”);//jquery对象

    Var cr=$cr[0];//dom对象

    Alert (cr.checked);

    第二种方法,通过get方法

    Var $cr=$(“#cr”);//jquery对象

    Var cr=$cr.get(0);//dom对象

    Alert (cr.checked);

    Dom对象转换成jquery对象用 $( ) 把对象包装起来

    var cr=document.getElementById(“cr”);//获取dom对象

    var $cr=$(cr);   //jquery对象

    jquery如果和prototype 类库有冲突,jquery$jquery代替

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>冲突解决1</title>

    <!-- 引入 prototype -->

    <script src="prototype-1.6.0.3.js" type="text/javascript"></script>

    <!-- 引入 jQuery -->

    <script src="jquery-1.3.1.js" type="text/javascript"></script>

    </head>

    <body>

    <p id="pp">test---prototype</p>

    <p >test---jQuery</p>

    <script type="text/javascript">

    jQuery.noConflict();                          //将变量$的控制权让渡给prototype.js

    jQuery(function(){                                   //使用jQuery

    jQuery("p").click(function(){

            alert( jQuery(this).text() );});

    });

    $("pp").style.display = 'none';           //使用prototype

    </script>

    </body>

    </html>

     

     

     

     

     

    第二种方法

    <body>

    <p id=“pp”>测试prototype</p>

    <p >测试jQuery</p>

    <script type="text/javascript">

    var $j = jQuery.noConflict();             //自定义一个比较短快捷方式,定义$j代替$

    $j(function(){               //使用jQuery

    $j("p").click(function(){

            alert( $j(this).text() );

    });

    });

    $("pp").style.display = 'none';           //使用prototype

    </script>

    </body>

     

    如果 jQuery在其他库之前导入

    如果jQuery在其他库之前就导入了,那么不用使用jQuery.noConflict函数,可直接使用jQuery或他的快捷方式$ 来工作了

     

  • 相关阅读:
    day16(链表中倒数第k个结点)
    day15(C++格式化输出数字)
    day14(调整数组顺序使奇数位于偶数前面 )
    day13(数值的整数次)
    day12(二进制中1的个数)
    day11(矩形覆盖)
    day10(跳台阶)
    hadoop 又一次环境搭建
    Hive 学习
    hadoop -工具合集
  • 原文地址:https://www.cnblogs.com/aqbyygyyga/p/2230661.html
Copyright © 2011-2022 走看看