×

JQuery

什么是 jQuery ?

jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。jQueryAPI文档

您需要具备的基础知识

在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

  • HTML

  • CSS

  • JavaScript

jQuery库包含以下功能

  • HTML 元素选取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函数

  • JavaScript 特效和动画

  • HTML DOM 遍历和修改

  • AJAX

  • Utilities

提示: 除此之外,Jquery还提供了大量的插件。

为什么使用 jQuery ?

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

简要介绍

DOM遍历和操纵

获取<button>具有“ continue”类的元素,并将其HTML更改为“ Next Step ...”。

$( "button.continue" ).html( "Next Step..." )

事件处理

单击任何按钮时#banner-message,显示隐藏display:none在CSS中的元素 #button-container。

var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
  hiddenBox.show();
});

ajax

/api/getWeather 使用查询参数在服务器上调用本地脚本,并将zipcode=97201 元素#weather-temp的html替换为返回的文本。

$.ajax({
  url: "/api/getWeather",
  data: {
    zipcode: 97201
  },
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});

关于"JQuery"的文章

  • 学习jQuery同步提交

    Js&JQuery Posted by andy001 2018.12.26 views: 5807 评论:0

    本文实例讲述了jQuery同步提交的方法。分享给大家供大家参考,具体如下:使用jQuery框架,同步提交演示在一些严格检测或者递归、循环调...

    Tags: JQueryJS

  • 教你如何处理XML数据的应用

    Js&JQuery Posted by andy001 2018.12.24 views: 7078 评论:0

    教你如何处理XML数据的应用。XML全称为可扩展标记语言,其文件结构与HTML类似,但是区别也很明显,HTML只能使用已经定义的标签,如title,body,span等...

    Tags: JQueryJS

  • 用ajax方式从后台获取json数据后如何将内容填充到下拉列表

    Js&JQuery Posted by andy001 2018.12.24 views: 12044 评论:0

    对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码。需求:url:链接    par:ID &...

    Tags: JQueryJS

  • Java中Timer的用法

    Js&JQuery Posted by 天空 2018.12.20 views: 4129 评论:0

    现在项目中用到需要定时去检查文件是否更新的功能。timer正好用于此处。用法很简单,new一个timer,然后写一个timertask的子类即可。...

    Tags: JQueryJS

  • JS跨域获得Json的应用

    Js&JQuery Posted by andy001 2018.12.13 views: 6093 评论:0

    这两天用Jquery跨域取数据的时候,经常碰到invalidlabel这个错误,十分的郁闷,老是取不到服务器端发送回来的json值,一般跨域用到的两个方法为:$.ajax...

    Tags: JQueryJS

  • 详解JavaScript for循环中发送AJAX请求问题

    Js&JQuery Posted by andy001 2018.12.13 views: 6369 评论:0

    首先说,出现这个问题的场景是很少见的,因为有太多更好解决方法。今天搞ajax的时候,一个有趣的地方,,每个迭代中都要发送一个get请求,因为迭代的速度太快,一个请求还没有完成就进行下一个迭代,在chrome和ff上,除最后一个请求外,其它请求都被取消了。所以该...

    Tags: JQueryJS

  • progressbar通过Ajax请求实现后台进度实时功能

    Js&JQuery Posted by andy001 2018.12.12 views: 9471 评论:0

    本文主要演示Jqueryprogressbar的进度条功能。js通过ajax请求向后台实时获取当前的进度值。后台将进度值存储在cookie中,每次请求后,将进度条的值增2个。以此演示进度条的实时显示功能。前台index.jspjsp代码如下<%@&nb...

    Tags: JQueryJS

  • JQuery zClip插件实现复制页面内容到剪贴板

    Js&JQuery Posted by 天空 2018.12.12 views: 5012 评论:0

    相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要。网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的。去看了几个常...

    Tags: JQueryJS

  • 实现指定区域外单击关闭指定层的方法

    Js&JQuery Posted by andy001 2018.12.12 views: 4345 评论:0

    本文实例讲述了jQuery实现指定区域外单击关闭指定层的方法。分享给大家供大家参考,具体如下:在页面上指定区域外单击,关闭层。常见效果为弹出层外单击,关闭弹出层。今天遇到一个这样的效果...

    Tags: JQueryJS

  • 了解下插件ajaxupload实现文件上传

    Js&JQuery Posted by andy001 2018.12.12 views: 5265 评论:0

    本文实例讲述了jquery插件ajaxupload实现文件上传操作代码。分享给大家供大家参考。具体如下:运行效果截图如下:图1文件上传前图2文件上传后具体代码如下:1、创建页面并编写HTML上传文档: <div class=&q...

    Tags: JQueryJS

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria