×

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之marquee滚动

    原本在前端html代码中,实现文字或者图片的水平垂直滚定,都是使用的marquee,但随着考虑浏览器的兼容性和符合为w3c的标准...

    ceshi 2017.08.09 views: 11018

    JQueryJS

  • 最佳jQuery插件整理

     JavaScript框架继续日渐普及,这使得大量的插件被开发出来。满目琳琅,难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些...

    ceshi 2017.08.08 views: 11311

    JQueryJS

  • 鼠标滑过整行变色

    在很多网站都有这样的效果,那就是当鼠标放在新闻列表一行上的时候,整行就会变色,虽然使用CSS也能够实现此种功能,但是由于众多浏览...

    jiang 2017.08.08 views: 12460

    JQueryJS

  • jQuery实现form表单基于ajax无刷新提交

    jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下:...

    ceshi 2017.08.08 views: 12685

    JQueryJS

  • 基于jQuery瀑布流的功能应用

    瀑布流,大家肯定不陌生。瀑布流,又称瀑布流式布局,是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块...

    Terry 2017.08.07 views: 14250

    JQueryJS瀑布流

  • 文字横向滚动效果

    很多网站都有公告,并且都喜欢用横向滚动的方式来展现。最近自己用jQuery也写了文字横向滚动,实现了自定义滚动速度,鼠标经过时暂...

    前端菜鸟 2017.08.07 views: 17811

    JQueryJS

  • 重拾jQuery动画之基础

    在最近项目中,动画运用的特别多,用jQuery和CSS3实现很多复杂动画效果,特别是在活动和H5的页面。有句名言:“万变不离其宗”,动画再复杂,都脱离不了基础,...

    Terry 2017.08.04 views: 14300

    JQueryJS动画

  • 基于jquery扩展CheckBox

    大家都知道默认的html复选框控件样式可定义相当有限,无法满足大多用户的美观度。今天跟大家一起分享前一段时间自己编写的CheckBox控件。喜欢的朋友可以拿去使...

    流泪的石头 2017.08.03 views: 10391

    JQueryJS

  • 用jQuery实现按回车提交数据

    其实jquery按回车提交数据是很简单的事情,我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了,在按钮上我们绑定ajax提交表单事件即可。$...

    jiang 2017.08.03 views: 10839

    JQueryJS

  • 基于JS&jQuery获取当前元素的各种级别

    基于jQuery获取当前元素的各种级别。varchils=s.childNode...

    天空 2017.08.02 views: 11127

    JQueryJS

  • 提取jquery的ready()方法单独使用示例

    大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕...

    ceshi 2017.08.01 views: 10757

    JQueryJS

  • 鼠标滚动加载页面新数据

    相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多,用鼠标操作的时候相信都见过这样的效果:进入qq空间,向下拉...

    Terry 2017.07.31 views: 16672

    JQueryJS