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

    时间过得真快啊!转眼间就到S3阶段了,时间犹如流沙在指间流过。

    我们刚开始就学习JQuery这门编程语言,让我回忆起了在S2阶段中所学的Javascript语言,

    通过几天的学习,对JQuery与Javascript做了一个对比,让我学到了许多。

    在这几天的学习让我知道了JQuery是javascript的封装库。

    尤其是在JQuery与Javascript对比当中,让我对JQuery有一定了解,知道了JQuery有许多的优点:

       <1> 轻量级 (下载的JQuery进过压缩后打下不过100kb).

            <2> 强大选择器(JQuery支持css1到css3的选择器)。

            <3> 出色DOM操作的封装

    (如:JQuery中使用$(选择器)来选择DOM元素,而Javascript使用document.getElementById()或document.getElementsByName()等方式获取DOM元素)

            <4>可靠的事件处理机制(对文档的结构和行为的分离有重大作用),如:

     

            <5> 完善的Ajax

            <6> 不污染顶级变量(因为JQuery采取闭包的方式)

            <7> 浏览器兼容好(编写的JQuery在各个主体浏览器都能够运行)

            <8> 链式操作方式 (我们可以把多个操作写在一行里,并用符号“.”连接各个操作)

            <9> 丰富插件支持 (可以使用多个Javascript库)

            <10> 行为层和结构层分离

    <input type="button" id="ok" value="确定" onclick="test();" />
    可转化为:
    <input type="button" id="ok" value="确定"  />
    和在<script type="text/javacript"></script>结点下绑定事件
    
    <script type="text/javacript">
    function test(){
    //相关操作的代码。。。。。
    }
    
    //绑定事件
    $(function(){
    $("$ok").click(text);
    });
    </script>
    

            <11> 完善的文档(如帮助文档)

            <12> 开源产品(我们可以查看jQuery的源代码)

       <13>隐式迭代 (如:JQuery中使用siblings()方法不用像Javascript中使用for或foreach来循环的方式)

     

    我们知道JQuery对象和DOM对象时两个不相同的两个对象,那么他们是怎样相互转化的:

    JQuery对象转化为DOM对象:

    我们是使用$(选择器)[0] 或$(选择器).get(0)获取

    DOM对象转化为JQuery对象:

    直接使用$(DOM对象)

     

    我们在一定的情况下,在项目中需要多个插件或多个Javascript库时,这时它们的顶级变量$会有冲突,该怎样解决?

    其实很简单:使用JQuery.noconflict()的方法释放顶级变量$的控制权,以便其他Javascript库使用$变量

    如果在后文中要使用JQuery的方法时,以JQuery开头。

     

    但愿,我对JQuery的介绍能对初学者有所帮助,那就是我的荣幸。

     

     

     

     

     

     

  • 相关阅读:
    tps吞吐量映射的问题
    深浅拷贝
    webdriver驱动火狐浏览器报错:Unable to find a matching set of capabilities
    xpath元素定位方法
    linux监控系统性能命令
    测试质量评估
    测试策略模型设计
    需求评审
    安全测试的目的,发现哪些问题
    url组成
  • 原文地址:https://www.cnblogs.com/fengyu-2/p/3406738.html
Copyright © 2011-2022 走看看