JQuery

jQuery是一个快速、简洁的JavaScript库，极大地简化了 JavaScript 编程。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

一、语法和选择器

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作

jquery入口函数：

$(document).ready(function(){// 执行代码
});

或者

$(function(){// 执行代码
});

选择器
#id 选择器
点击按钮对id为test的选择器进行隐藏

$(document).ready(function(){ $("button").click(function(){ $("#test").hide(); });
});

.class 选择器
点击按钮对class为test的选择器进行隐藏

$(document).ready(function(){ $("button").click(function(){ $(".test").hide(); });
});

二、事件

$().click(function(){….
})

其他事件可参考文末API

三、获取并设置css类

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

例子：
$(document).ready(function(){$("button").click(function(){$("body div:first").addClass("important blue");});

});

.important {font-weight:bold;font-size:xx-large;
}
.blue {color:blue;
}

四、 Ajax

JQuery简化了对Ajax的操作，使其能在不同的浏览器都能使用。
语法：

$(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：

responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象

例子：

下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功，则显示"外部内容加载成功！"，而如果失败，则显示错误消息：

$("button").click(function(){$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){if(statusTxt=="success")alert("外部内容加载成功!");if(statusTxt=="error")alert("Error: "+xhr.status+": "+xhr.statusText);});
});

入门推荐： https://www.runoob.com/jquery/jquery-noconflict.html
中文API文档： https://jquery.cuishifeng.cn/index.html

JQuery——一个快速、简洁的JavaScript库相关推荐

jQuery——简洁的javaScript库
jQuery库引入 <script src="js/jquery-1.12.4.js" type="text/javascript" charset=&q ...
一个快速的人脸检测库
这是我见过和使用过的最快的人脸检测库,而且还能检测到人脸转动的角度. 在此声明!本博客旨在学习研究交流之用,如果要用于商业目的,请直接联系于诗琪老师,获得授权!如有法律问题,本人概不负责! 于诗琪老师 ...
流行的JavaScript库 ——jQuery
1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客 ...
jquery mobile快速入门_【K些项目】学透jquery，11个国内最新项目资料
对代码.编程感兴趣的可以关注老K玩代码和我交流! " jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaSc ...
cesium雷达图_20个简化开发任务的 JavaScript库
所谓JavaScript库就是预先写好的可以简化基于JavaScript的应用程序开发的,尤其是Ajax和其它以web为中心的技术的 JavaScript代码集.JavaScript主要用于写内嵌于H ...
参考: 40个轻量级 JavaScript 库
流行的 JavaScript 库不胜枚举,jQuery, MooTools, Prototype, Dojo, YUI.这些 JavaScript 库功能丰富,加上它们的插件,几乎能胜任任何工作,然而 ...
比较好的JavaScript库-日常备用
使用JavaScript库将会使开发变的更简单,大部分JavaScript库提供的功能都是极好的,当我们在为一个项目选定开发技术的时候,选择一个明星框架当然很不错,但是有些库文件太大了.当你想要为一个 ...
11个你不应该错过的JavaScript库
11个你不应该错过的JavaScript库近年来,我们大家都看到JavaScript像野火一样传播,设法进入编程的每个领域,成为世界上最常用的语言之一. 同样,JavaScript框架和库的数量呈指 ...
40 个轻量级 JavaScript 库
uusee下载,uusee2012pptv下载usee播放器精美图片中国无线论坛电脑知识与技术vagaa哇嘎电影,vagaa哇嘎电影下载sou狗麦克疯破解版uusee网络电视2011pipi 下载uu ...

JQuery——一个快速、简洁的JavaScript库

JQuery

一、语法和选择器

二、事件

三、获取并设置css类

四、 Ajax

JQuery——一个快速、简洁的JavaScript库相关推荐

最新文章

热门文章

JQuery——一个快速、简洁的JavaScript库

JQuery

一、 语法和选择器

二、 事件

三、 获取并设置css类

四、 Ajax

JQuery——一个快速、简洁的JavaScript库相关推荐

最新文章

热门文章

一、语法和选择器

二、事件

三、获取并设置css类