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在其多数方法中采用了一种称作连缀的编程模式,这种模式意味着一个对象进行的多数操作的结果,都会返回这个对象自身,以便为该对象应用下一次操作。

  • 相关阅读:
    springboot---Shiro
    spring MVC 使用 modelAndView.setViewName("forward:*.action") 发送重定向
    数据库负载均衡、读写分离技术
    redis详解
    分布式--锁
    springboot---数据整合篇
    hadoop安装单机
    NIO系列之MINA
    JAVA中IO流模型BIO,NIO,AIO
    CPU-bound(计算密集型) 和I/O bound(I/O密集型)
  • 原文地址:https://www.cnblogs.com/aixing/p/13327780.html
Copyright © 2011-2022 走看看