热门关键词:Web前端|前端开发|HTML5|CSS3|jQuery|CSS3动画
jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。jQueryAPI文档
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:
HTML
CSS
JavaScript
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,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" ); } });
...
JQueryJS
JQueryJSjavascript