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

     

  • 相关阅读:
    Android 五大布局
    jdk6的安装以及环境变量的设置
    PLSQL Developer图形化窗口创建数据库全过程
    未能加载文件或程序集“Oracle.DataAccess, " 64位OS运行32位程序的问题
    Android SDK 无法连接到GOOGLE 下载安装包
    Android开发之旅:环境搭建
    Android开发把项目打包成apk
    在 VMware Workstation 虚拟机中创建共享文件夹的步骤〔图解〕
    谈谈对于企业级系统架构的理解
    C#图片处理之: 获取数码相片的EXIF信息
  • 原文地址:https://www.cnblogs.com/aqbyygyyga/p/2230661.html
Copyright © 2011-2022 走看看