zoukankan      html  css  js  c++  java
  • jQuery(1)——了解jQuery

     jQuery

      终于开始了jQuery的学习了,好开心,虽然感觉JavaScript并没有学好,尴尬。木事,咋们慢慢来。fighting

    【jQuery简介】

    jQuery是继Prototype之后又一个优秀的JavaScript库。团队主要包括核心库、UI、插件和jQuery Mobile等开发人员以及推广和网站设计、维护人员。

    jQuery优势:

    (1)轻量级。(工具:UglifyJS——轻量级)

    (2)强大的选择器。jQuery允许开发者使用CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。

    (3)出色的DOM操作的封装。

    (4)可靠的事件处理机制。

    (5)完善的Ajax。

    (6)不污染顶级变量

    (7)出色的浏览器兼容性。

    (8)链式操作方法。

    (9)隐式迭代。

    (10)行为层与结构层的分离。

    (11)丰富的插件支持。

    (12)完善的文档。

    (13)开源。

    【jQuery代码的编写】

    编写简单的jQuery代码

    在jQuery库中,$就是jQuery的一个简写形式。如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
        <script type="text/javascript" src="../script/jquery.js">
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            alert("Hello World!");
        });
        </script>
        </head>
    <body>
    </body>
    </html>    

    【jQuery对象和DOM对象】

    DOM对象:DOM(文档对象模型),每一份DOM都可以表示成一棵树。

    jQuery对象:jQuery对象就是通过jQuery包装DOM对象后产生的对象。在jQuery对象中无法使用DOM对象的任何方法。

    jQuery对象和DOM对象的相互转换:

    jQuery对象转成DOM对象:jQuery提供了[index]和get(index)两种方法。

    DOM对象转成jQuery对象:对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。方法:$(DOM对象)

    【解决jQuery和其他库的冲突】

    jQuery库在其他库之后导入:在其他库和jQuery库都被加载完毕后,可以在任何时候调用jQuery.noConfict()函数来将变量$的控制权移交给其他JavaScript库。

    jQuery库在其他库之前导入:可以直接使用“jQuery”来做一些jQuery的工作。同时,可以使用$()方法作为其他库的快捷方式。无需调用jQuery.noConfict()函数。

  • 相关阅读:
    1.RabbitMQ简介
    有这样一个需求 element +vue 实现显示的table 的表头添加一个添加图标, 并绑定一个点击事件,我查了好多资料, 终于找到table 表头的一个事件 :render-header 可以实现。
    原生的html js 做的文件上上传
    elment + vue 文件上传
    FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换
    mysql 数据库迁移 sql server (沃尔玛)
    quartz 浅谈 Scheduler
    quartz CronTrigger的cron表达式 详解:
    Linux中的一些常用命令
    类图中常用的六种关系
  • 原文地址:https://www.cnblogs.com/wlfsmile/p/5897949.html
Copyright © 2011-2022 走看看