• 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或他的快捷方式$ 来工作了

     

  • 相关阅读:
    九度OJ 1035:找出直系亲属(二叉树)
    while 循环的理解
    while 循环的理解
    count 变量的使用
    count 变量的使用
    数据结构与算法的实现 —— 结点定义与数据结构的选择
    数据结构与算法的实现 —— 结点定义与数据结构的选择
    最小生成树(MST,minimum spanning tree)
    最小生成树(MST,minimum spanning tree)
    Opencv中Mat矩阵相乘——点乘、dot、mul运算详解
  • 原文地址:https://www.cnblogs.com/aqbyygyyga/p/2230661.html
Copyright © 2020-2023  润新知