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()函数
      

      

  • 相关阅读:
    Command Line Tools for win32
    鼠标快速复制粘帖工具!
    IBM T系列笔记本安装2003未知设备问题!
    拔智齿!痛苦磨难中!
    I am a hero!
    vim学习笔记!
    产生数
    NumPy矩阵运算
    1130:找第一个只出现一次的字符
    小A与小姐姐给气球涂色[dp + 快速幂]
  • 原文地址:https://www.cnblogs.com/m199/p/3463437.html
Copyright © 2011-2022 走看看