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的介绍能对初学者有所帮助,那就是我的荣幸。

     

     

     

     

     

     

  • 相关阅读:
    基于分布式思想下的RPC解决方案--笔记
    前端对页面展示修改出现的问题------行内块元素(标签)、行内元素(标签)、块元素(标签)的区别
    POI读取带有图片(图片有的是合并单元格的)的商品列表Excel
    Springboot 默认加载文件(可直接访问、不可直接访问)是出现的问题
    for循环快还是递归快
    try catch finally 中遇到的return问题(经典)
    为什么阿里巴巴禁止在 foreach 循环里进行元素的 remove/add 操作
    数据结构Java实现03----单向链表的插入和删除
    匿名内部类详解(粗略)
    非法字符: 'ufeff' idea下的解决方案
  • 原文地址:https://www.cnblogs.com/fengyu-2/p/3406738.html
Copyright © 2011-2022 走看看