zoukankan      html  css  js  c++  java
  • jQuery入门学习

    万维网是一个动态开发的环境,Web用户对网站的设计和功能都提出了高要求。为了构建有吸引力的交互式网站,开发者借助于如jQuery这样的JavaScript库,实现了常见任务的自动化和复杂任务的简单化。

    jQuery库设计秉承了一致性与对称性原则,它的大部分概念都是从HTML和CSS的结构中借用而来。


    ###jQuery功能
    jQuery库为Web脚本编程提供了通用的抽象层,使得它几乎适用于任何脚本编程的情形。
    jQuery满足下列需求:

    1 . 取得文档中的元素

    如果不使用Javascript库,遍历DOM树,以及查找HTML文档结构中某个特殊的部分,必须编写很多代码。jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制。
    $(‘div.content’).find(‘p’);

    2 . 修改页面的外观

    在页面已经呈现后,jQuery仍然能够改变文档中某个部分的类或个别的样式属性。

    3 .改变文档的内容

    使用少量的代码,jQuery就能改变文档的内容,可以改变文本,插入或翻转图像,列表重新排序,甚至对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API。
    $(‘container’).append(’< a href=“more.html”>more< / a>’;

    4 .响应用户的交互操作

    jQuery提供了截获形形色色的页面事件(比如用户单击某个链接)的适当方式,而不需要使用事件处理程序拆散HTML代码。此外,它的事件处理API也消除了经常困扰Web开发人员浏览器的不一致性。
    KaTeX parse error: Expected '}', got 'EOF' at end of input: …ck(function() {(‘div .details’) .show(); });

    5 .为页面添加动态效果

    jQuery中内置的一批淡入,擦除之类的效果,以及制作新效果的工具包。向用户提供了视觉上的反馈。
    $(‘div.details’) .slideDown();

    6 .无需刷新页面从服务器获取信息

    这种模式就是Ajax(Asynchronous Javascript and XML,异步javascript和XML)。它是一系列在客户端和服务端之间传输数据的强大技术。jQuery通过消除这一过程中的浏览器特定的复杂性,使开发人员得以专注于服务器端的功能设计,从而得以创建出反应灵敏、功能丰富的网站。
    $(‘div details’) .load(‘more .html #content’);

    7 .简化常见的Javascript任务

    jQuery改进了对基本的JavaScript数据结构的操作(例如迭代和数组操作等)。
    $ .each(obj,function(key,value)
    { total +=value;
    });


    ###jQuery为什么如此出色
    近年人们对动态HTML兴趣的复苏,催生了一大批JavaScript框架。有的特别专注于上述任务中的一项或两项,有的则试图以预打包的形式囊括各种可能的行为和动态效果,为了在维持上述各种特性的同时仍然保持紧凑的代码,jQuery采取了如下策略:

    1 .利用CSS的优势

    通过将查找页面元素的机制构建于CSS选择符之上,jQuery继承了简明清晰地表达文档结构的方式。

    2 .支持扩展

    为了避免特性蠕变,jQuery将特殊情况下使用的工具归入插件当中。

    3 .抽象浏览器不一致性

    jQuery添加了一个抽象层来标准化常见的任务,从而有效地减少了代码量,同时简化了这些任务。

    4 .总是面向集合

    5 .将多重操作集于一行

    为了避免过度使用临时变量或不必要的代码重复,jQuery在其多数方法中采用了一种称作连缀的编程模式,这种模式意味着一个对象进行的多数操作的结果,都会返回这个对象自身,以便为该对象应用下一次操作。

  • 相关阅读:
    SAP PI 如何实现消息定义查询
    EWM与ERP交互程序
    ITS Mobile Template interpretation failed. Template does not exist
    SAP Material Flow System (MFS) 物料流系统简介
    SAP EWM Table list
    EWM RF 屏幕增强
    SAP EWM TCODE list
    SAP扩展仓库管理(SAPEWM)在线研讨会笔记
    ERP与EWM集成配置ERP端组织架构(二)
    EWM RF(Radio Frequency)简介
  • 原文地址:https://www.cnblogs.com/aixing/p/13327780.html
Copyright © 2011-2022 走看看