zoukankan      html  css  js  c++  java
  • jQuery简介


    1.jQuery的优势

      轻量级(Lightweight)   功能强大的选择器    出色的DOM操作封装    可靠的事件处理机制    出色的浏览器兼容性


    2.jQuery的使用

      下载:http://jquery.com 提供了最新的jQuery框架下载。

       引用: <script src="jquery.min.js" ></script> 将jQuery框架文件导入后,就可以使用jQuery的选择器和各种函数功能了。


    3.jQuery程序

    <script src="jquery.min.js"></script>
    <script>
     $(document).ready(function(){  
        alert("Hello World!");
    });
    </script>

    4.jQuery中的“$”

      4.1  “$”用作选择器,选择网页元素、Dom元素。

      4.2  “$” 用作功能函数前缀

      4.3  “$” 用作创建DOM元素


    5.jQuery 对象

      jQuery 通过包装 DOM 对象后产生了一组新的JS对象。 jQuery 对象是 jQuery 框架独有的,如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 提供的方法。 jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法。 建议约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.   var $variable = jQuery 对象

      var variable = DOM 对象

    jQuery 对象转成 DOM 对象

      jQuery 对象不能使用 DOM 中的方法,但如果 jQuery 没有封装想要的方法,不得不使用 DOM方法时,可以通过如下方法得到对应的 DOM对象:

       $(“#msg”)[0]

       $("#msg").get(0)

    DOM 对象转成 jQuery 对象

      对于一个 DOM 对象,只需要用 $() 把 DOM 对象包装起来,就可以获得一个 jQuery 对象, 例如:$(document.getElementById(“msg”)); 转换后就可以使用 jQuery 中的方法了。


  • 相关阅读:
    nowcoderD Xieldy And His Password
    Codeforces681D Gifts by the List
    nowcoder80D applese的生日
    Codeforces961E Tufurama
    Codeforces957 Mahmoud and Ehab and yet another xor task
    nowcoder82E 无向图中的最短距离
    nowcoder82B 区间的连续段
    Codeforces903E Swapping Characters
    Codeforces614C Peter and Snow Blower
    Codeforces614D Skills
  • 原文地址:https://www.cnblogs.com/xiaonanman/p/6771342.html
Copyright © 2011-2022 走看看