zoukankan      html  css  js  c++  java
  • 锋利的jQuery学习笔记(2)

    1. jQuery对象和DOM对象

        DOM对象:(Document Object Model,文档对象模型),俗称构建网页结构的基本标签,如html head body title h1等。

        jQuery对象:通过jQuery包装DOM对象后产生的对象。如$("#foo").html(); //获取id为foo的元素内的html代码。

        区别:在jQuery中无法使用DOM对象的任何方法,同样在DOM中也无法使用jQuery方法。

        转换:

          jQuery对象转换为DOM对象:jQuery对象是一个数组对象,可通过数组下表来查找。

            1. [index]方法:

              var $cr=$("#cr");

              var cr=$cr[0];

              alert(cr.checked);

            2. get(index)方法:

              var $cr=$("#cr");

              var cr=$cr.get(0);

              alert(cr.checked);

          DOM对象转为jQuery对象:只需用$()把DOM对象包装起来,就可以获得一个jQuery对象。

              var cr=document.getElementById("cr");

              var $cr=$(cr);

    2. 解决jQuery和其他库的冲突:

      jQuery库在其他库之后导入:调用jQuery.noConflict()函数来将变量$的控制权移交给其他库。

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

        jQuery(function(){ //使用jQuery

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

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

          });

        });

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

      jQuery库在其他库之前导入,则无需调用jQuery.noConflict()函数
      

      

  • 相关阅读:
    hadoop之hdfs架构详解
    hadoop之hdfs命令详解
    hadoop高可用安装和原理详解
    mysql事务
    mysql之innodb-锁
    [转]网络基本功02-细说交换机
    python随用随学20200221-生成器中的send(),throw()和close()方法
    python随用随学20200118-函数的高级特性
    [转载]网络基本功01-细说网络传输
    selenium+chrome抓取淘宝宝贝-崔庆才思路
  • 原文地址:https://www.cnblogs.com/m199/p/3463437.html
Copyright © 2011-2022 走看看