zoukankan      html  css  js  c++  java
  • jq页面加载问题

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

  • 相关阅读:
    CSS的应用
    关于新手html的认识 以及对table的基本用法
    javascript的使用方法
    CSS的使用方式和选择器的用法
    html基础知识点
    前端课堂第四课
    前端课堂第三课
    前端实训第二课
    前端实训随笔
    JS02
  • 原文地址:https://www.cnblogs.com/sdya/p/4173970.html
Copyright © 2011-2022 走看看