Jquery主要是做什么的？

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。 jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。 jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。 jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。 历史 大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言。Cmm 背后的理念很简单：一个足够强大可以替代宏操作（macro）的脚本语言，同时保持与 C （和 C ++）足够的相似性，以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中，它首次向开发人员展示了这种语言的威力。 Nombas 最终把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）听起来过于消极，同时字母 C “令人害怕”。 当 Netscape Navigator 崭露头角时，Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Page（浓咖啡般的页面），它们代表了第一个在万维网上使用的客户端语言。而 Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。 当网上冲浪越来越流行时，对于开发客户端脚本的需求也逐渐增大。此时，大部分因特网用户还仅仅通过 28.8 kbit/s 的调制解调器连接到网络，即便这时网页已经不断地变得更大和更复杂。而更加加剧用户痛苦的是，仅仅为了简单的表单有效性验证，就要与服务器进行多次地往返交互。设想一下，用户填完一个表单，点击提交按钮，等待了 30 秒的处理后，看到的却是一条告诉你忘记填写一个必要的字段。 那时正处于技术革新最前沿的 Netscape，开始认真考虑开发一种客户端脚本语言来解决简单的处理问题。 当时工作于 Netscape 的 Brendan Eich，开始着手为即将在 1995 年发行的 Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言，当时的目的是在浏览器和服务器（本来要叫它 LiveWire）端使用它。Netscape 与 Sun 及时完成 LiveScript 实现。 就在 Netscape Navigator 2.0 即将正式发布前，Netscape 将其更名为 JavaScript，目的是为了利用 Java 这个因特网时髦词汇。Netscape 的赌注最终得到回报，JavaScript 从此变成了因特网的必备组件。 因为 JavaScript 1.0 如此成功，Netscape 在 Netscape Navigator 3.0 中发布了 1.1 版。恰巧那个时候，微软决定进军浏览器，发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版，叫做 JScript（这样命名是为了避免与 Netscape 潜在的许可纠纷）。微软步入 Web 浏览器领域的这重要一步虽然令其声名狼藉，但也成为 JavaScript 语言发展过程中的重要一步。 在微软进入后，有 3 种不同的 JavaScript 版本同时存在：Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。与 C 和其他编程语言不同的是，JavaScript 并没有一个标准来统一其语法或特性，而这 3 种不同的版本恰恰突出了这个问题。随着业界担心的增加，这个语言的标准化显然已经势在必行。 2006年1月，jQuery的第一个版本面世，至今已经有10年多了（注：这个时间点是截止至出书时间）。虽然过了这么久，但它依然以其简洁、灵活的编程风格让人一见倾心。在本篇文章中，我们将讲述jQuery的发展 历史 ，让读者对jQuery有更多的了解。 在jQuery迅速发展的同时，一些大的厂商也看中了商机。2009年9月，微软和诺基亚公司正式宣布支持开源的jQuery库，另外，微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员，其他成员还有Google，Intel，IBM，Intuit等公司。 　　2009年1月，jQuery 1.3版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法，使用live()方法可以为当前及将来增加的元素绑定事件，在1.3版之前，如果要为将来增加的元素绑定事件，需要使用livequery插件，而在1.3版中，可以直接用live()方法。　2005年8月，John Resig提议改进Prototype的“Behaviour”库，于是他在blog上发表了自己的想法，并用了3个例子做说明。 2010年2月，jQuery 1.4.2版发布，它新增了有关事件委托的两个方法：delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。这个方法比live()来的方便，而且也可以达到动态添加事件的作用。比如给表格的每个td绑定hover事件 特点 1.动态特效 2.AJAX 3.通过插件来扩展 4.方便的工具 - 例如浏览器版本判断 5.渐进增强 6.链式调用 7.多浏览器支持，支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了对Internet Explorer6,7,8的支持） 历史 版本 jQuery 1.0 （2006年8月）：该库的第一个稳定版本，已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。 jQuery 1.1 （2007年1月）：这一版大幅简化了API。许多较少使用的方法被合并，减少了需要掌握和解释的方法数量。 jQuery 1.1.3 （2007年7月）：这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始，jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。 jQuery 1.2 （2007年9月）：这一版去掉了对XPath选择符的支持，原因是相对于CSS语法它已经变得多余了。这一版能够支持对效果的更灵活定制，而且借助新增的命名空间事件，也使插件开发变得更容易。 jQuery UI（2007年9月）：这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件（widget），以及一组用于构建高级元素（例如可拖放的界面元素）的工具。 jQuery 1.2.6 （2008年5月）：这一版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中。 jQuery 1.3 （2009年1月）：这一版使用了全新的选择符引擎Sizzle，库的性能也因此有了极大提升。这一版正式支持事件委托特性。 jQuery 1.3.2 （2009年2月）：这次小版本升级进一步提升了库的性能，例如改进了：visible/:hidden选择符、.height()/.width()方法的底层处理机制。另外，也支持查询的元素按文档顺序返回。 jQuery 1.4 （2010年1月14号）：对代码库进行了内部重写组织，开始建立一些风格规范。老的core.js文件被分为attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js；CSS和attribute的逻辑分离。 重要变化： 1. Ajax重写 Ajax模块完全进行了重写。新增一个jXHR对象，为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制，比如JSONP请求，jXHR对象也可以进行处理。（详情可以参见：jQuery.ajax文档） 此外，系统的可扩展性大大增强，可以附加各种数据处理器、过滤器和传输机制，为开发新的Ajax插件提供了方便。 2. 延迟对象 延迟对象（Deferred Object，jQuery.Deferred对象）是一个可链接的（chainable）实用工具对象，实现了Promise接口，可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。正如Using Deferreds in jQuery 1.5一文中说明的，其结果是在jQuery中能够将依赖于某个任务（事件）结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜，Mochikit和Dojo等已经实现有些日子了。由于jQuery 1.5的Ajax模块内置使用了延迟对象，因此通过jQuery编写Ajax程序将自动获得这一功能。 开发人员借此可以使用无法立即获得的返回值（如异步Ajax请求的返回结果），而且第一次能够附加多个事件处理器。 例如，使用了新的jQuery内部Ajax API就可以实现下面的代码了： // Assign handlers immediately after making the request,// and remember the jxhr object for this request var jxhr = $.ajax({ url: "example.php" }) .success(function() { alert("success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); });// perform other work here ... // Set another completion function for the request above jxhr.complete(function(){ alert("second complete"); }); 此外，使用jQuery.Deferred还可以开发自己的延迟对象。更多详情参见：延迟对象文档。 3. jQuery.sub() jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法，或者对jQuery的某些方法进行重新定义以提供新功能，或者提供更好的封装、避免名称空间冲突。当然，也可以用来开发插件，但Resig强烈建议在开发插件之前，先考虑jQuery UI widget工厂。 值得注意的是，sub函数并不提供真正的隔离，所有方法、数据、调用仍然依靠jQuery本身来支持。 4. 遍历性能提高 在新版本中.children(),.prev(),.next()几个常用的遍历函数性能有了显著提高。 5. 内部开发系统 John Resig还特别提到了jQuery团队内部开发系统的两点改变：一是服务器端用Node.js替换了老的Java/Rhino系统，使得团队可以专注于JavaScript环境的新变化；二是所用的代码优化程序从Google Closure切换到UglifyJS，新工具的压缩效果非常令人满意。 使用方法 jQuery可以下载使用，有两个版本的 jQuery 可供下载 Production version - 用于实际的网站中，已被精简和压缩。 Development version - 用于测试和开发（未压缩，是可读的代码） jQuery 1.8.0版时压缩前后的对比 插件机制 jQuery的官方插件是jQuery UI。开发者可以任意扩展jQuery的函数库或者按照自己的需求开发UI组件。网上已经有数以万计的jQuery插件，覆盖各种各样的需求。例如Ajax辅助、数据表格、动态列表、XML工具、拖曳、cookie处理、弹出层等等。jQuery 的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择,例如ComponentOne Studio for ASP NET Wijmo. 随着jQuery插件在网站建设过程中的使用率不断的增加，所以有必要跟进时代步伐开发出一些新的插件/代码片段，以此来巩固并提高前端用户体验，将用户体验提升到一个新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimp——MailChimp Ajax plugin for jQuery 等。 控件 jQuery Gantt控件是一个基于原生HTML5/jQuery，功能丰富的控件，该控件真正实现了跨平台，在许多设备和浏览器中无缝的运行。 使用项目甘特图中内置的调度，依赖等功能实现任务分层列表的可视化。 使用资源甘特图实现一个资源利用视图。 使用基于API的jQuery或者基于API的MVC可帮您轻松地安装甘特图并加快应用速度。 可与诸如KnockOut(KO),jQuery.tmpl等流行的jQuery模式一同使用。

jQuery是一个快速而简洁的JavaScript库，由John Resig在2006年创建，其中有一个很好的座右铭：写得少，做得更多。jQuery简化了HTML文档遍历，事件处理，动画和Ajax交互，以实现快速Web开发。jQuery是一个JavaScript工具包，旨在通过编写更少的代码来简化各种任务。以下是jQuery支持的重要核心功能列表 DOM操作 - 通过使用名为Sizzle的跨浏览器开源选择器引擎，jQuery可以轻松选择DOM元素，协商它们并修改其内容。事件处理 - jQuery提供了一种捕获各种事件的优雅方式，例如用户单击链接，而不需要使用事件处理程序来混淆HTML代码本身。AJAX支持 - jQuery可以帮助您使用AJAX技术开发响应迅速且功能丰富的站点。动画 - jQuery带有大量内置动画效果，您可以在您的网站中使用它们。轻量级 - jQuery是非常轻量级的库 - 大小约为19KB（Minified和gzipped）。跨浏览器支持 - jQuery具有跨浏览器支持，适用于IE 6.0 +，FF 2.0 +，Safari 3.0 +，Chrome和Opera 9.0+最新技术 - jQuery支持CSS3选择器和基本XPath语法。

jQuery是一款功能强大的JavaScript代码库。可以很简单的开发很多JavaScript效果。

javascript

欢迎到河南新华参观了解计算机技术 免费试听课程 报销路费

j query分开读~ j你应该会读吧~query，语法标注解释 query英音：["kwiu0259ri]美音：["kwu026aru026a]

jQuery 具有以下几个常见应用用途：便于操作HTML元素和CSS样式：通过jQuery可以使用简单直观的语法选取HTML元素并操作其内容和样式，使HTML代码的书写更加简便。简化JavaScript编程：使用jQuery可以大大简化代码编写并提高可重用性，从而极大地减少了开发者的工作量和代码的复杂性。AJAX请求：使用jQuery可以方便地发送AJAX请求，从而引导Web应用程序轻松地实现异步加载数据和动态更新页面的功能。响应式网页设计：使用jQuery可以方便地实现响应式网页设计，使网页能够自动适应不同屏幕分辨率的设备。

上jquery官方网 请参考

（1）需要导入jquery库，然后在需要用的地方引入jquery（2）注意在应用相关jquery插件时有个先后顺序，既然是jquery插件，就先得引入jquery库再引入jquery插件，要不然会没有相关的效果或者出现js错误。

该博客基于阮一峰前辈在2011年所做的分享（原链接： http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html ） jQuery的核心就是：可以选择某个网页元素,然后对其进行某种操作 我们可知jQuery是一个构造函数，那么我们就可以通过选择表达式，把选中的元素，放进jQuery构造函数（$）当中，从而得到选中的元素。 而选择表达式可以是CSS选择器： 也可以是jQuery特有的表达式： 在jQuery当中最终选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来，比如： 拆解开来，就是： 这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象，所以不同操作可以连在一起。 jQuery还提供了.end()方法，使得结果集可以后退一步： 创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了： 操作元素在网页中的位置移动有两种方法： （1）直接移动该元素； （2）移动其他元素，使得目标元素达到我们想要的位置。 （1）方法是使用.insertAfter()，把div元素移动p元素后面： （2）方法是使用.after()，把p元素加到div元素前面： 表面上看，这两种方法的效果是一样的，唯一的不同似乎只是操作视角的不同。但是实际上，它们有一个重大差别，那就是返回的元素不一样。第一种方法返回div元素，第二种方法返回p元素。你可以根据需要，选择到底使用哪一种方法。 使用这种模式的操作方法，一共有四对： text(?) //读写文本内容 用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。 用于设置内容时，则重写所有匹配元素的内容。 html(?) //读写HTML内容 设置或返回被选元素的 innerHTML（文本 + HTML 标记） attr("title",?) // 读写属性 设置或返回被选元素的属性值。 css({color:"red"}) //读写style 设置或返回被选元素的一个或多个样式属性。 addClass("blue") 向被选元素添加一个或多个类。 该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。 on("click",fn) 支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素 off("click",fn) 用于移除通过 on()方法添加的事件处理程序

1、首先在官网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。2、把 jQuery 添加到您的网页。jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它。3、下面就可以在html文档中，使用jQuery了。jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery是一款前端开发框架，jQuery使用的方法如下：工具／原料：联想威6、win10 20H2、jQuery 3.5.1。1、jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。2、然后我们来开始编辑HTML界面代码。3、如图，使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。4、接着再书写一个script标签对，里面写上jQuery入口函数，这样，当我们的HTML加载完成之后就会执行我们的jQuery代码，入口函数写法有两种，function里面就是用来书写执行代码的。5、如图，我就使用alert来在网页中弹出一个警告框。6、这样，当我们运行我们的网页的时候，就会弹出一个窗口，里面有我们的警告内容。至此，jQuery也算简单的入门了解了。

jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。

这次给大家带来怎样快速的操作JQuery元素，操作JQuery元素的注意事项有哪些，下面就是实战案例，一起来看一下。首先，我们来看看jquery中如何查找到想要的结点。第一步：sizzle选择器基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些特定的选择器。第二步：查询祖先parent()返回被选元素的直接父元素，该方法只会向上一级对 DOM 树进行遍历parents()可以使用可选参数来过滤对父元素的搜索返回被选元素的所有祖先元素，它一路向上直到文档的根元素parentsUntil()返回介于两个给定元素之间的所有祖先元素，下面是例子：$(document).ready(function(){ //会返回span开始到p为止的祖先元素 $("span").parentsUntil("p");});第三步：查询子孙children()可以使用可选参数来过滤对子元素的搜索返回被选元素的所有直接子元素，该方法只会向下一级对 DOM 树进行遍历find()可以使用可选参数来过滤对元素的搜索返回被选元素的后代元素，一路向下直到最后一个后代第四步：查询同胞siblings()返回被选元素的所有同胞元素next()返回被选元素的下一个同胞元素nextAll()返回被选元素的之后的全部同胞元素nextUntil()返回介于两个给定参数之间的所有跟随的同胞元素$(document).ready(function(){ //返回介于 <h2>与<h6>元素之间的所有同胞元素 $("h2").nextUntil("h6");});prev()、prevAll() 和 prevUntil()prev()、prevAll()以及prevUntil()方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞之前元素遍历，而不是之后元素遍历）。第五步：查询时添加过滤first()返回选择的元素中的首个元素last()返回选择的元素中的最后一个元素eq()返回被选元素中带有指定索引号的元素，这个很容易理解，举例就是：$(element[flag])和element.eq(flag)结果一样filter()对查询结果进行过滤，和下面not()类似，作用相反not()返回不匹配标准的所有元素$(document).ready(function(){ //返回不带有类名"target"的所有p元素 $("p").not(".target");});元素找到以后，接着我们需要根据需求来对查找到的结点进行操作。第六步：text()、html()、val()以及attr()text()、html()、val()以及attr()，拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串1.text() - 设置或返回所选元素的文本内容2.html() - 设置或返回所选元素的内容（包括 HTML 标记）3.val() - 设置或返回表单字段的值4.attr() - 设置或返回属性值$("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "旧文本: " + origText + " 新文本: index: " + i; });});第七步：添加元素append() - 在被选元素的内部结尾插入内容prepend() - 在被选元素的内部开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容第八步：删除元素remove()可接受一个参数，允许你对被删元素进行过滤，empty()不可以remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素//等同于$("p.target").remove();$("p").remove(".target");第九步：替换元素replaceAll()和replaceWith()功能类似，但是目标和源相反replaceWith() - 用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合replaceAll() - 用集合的匹配元素替换每个目标元素第十步：class操作addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作hasClass() - 判断一个元素是否存在该class第十一步：css()方法设置或返回被选元素的一个或多个样式属性css("propertyname"); - 返回propertyname属性的值css("propertyname","value"); - 设置propertyname属性的值css({"propertyname":"value","propertyname":"value",...}); - 设置多个值第十二步：元素尺寸width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）innerWidth() 方法返回元素的宽度（包括内边距）innerHeight() 方法返回元素的高度（包括内边距）outerWidth() 方法返回元素的宽度（包括内边距和边框）outerHeight() 方法返回元素的高度（包括内边距和边框）相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：jQuery代码性能优化方法总结jQuery动态操作div步骤详解

jQuery选择器一、基本选择器基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。1、ID选择器 #id描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复）示例：$("#test") 选取 id 为 test 的元素2、类选择器 .class描述：根据给定的类名匹配元素，返回元素集合示例：$(".test") 选取所有class为test的元素3、元素选择器 element描述：根据给定的元素名匹配元素，返回元素集合示例：$("p") 选取所有的<p>元素4、*描述：匹配所有元素，返回元素集合示例：$("*") 选取所有的元素5、selector1，selector2,...,selectorN描述：将每个选择器匹配到的元素合并后一起返回，返回合并后的元素集合示例：$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合二、层次选择器层次选择器根据层次关系获取特定元素。1、后代选择器 示例：$("p span") 选取<p>元素里的所有的<span>元素（注：后代选择器选择父元素所有指定选择的元素，不管是儿子级，还是孙子级）2、子选择器 $("parent>child")示例：$("p>span") 选择<p>元素下的所有<span>元素 （注：子选择器只选择直属于父元素的子元素）3、同辈选择器 $("prev+next")描述：选取紧接在prev元素后的next元素，返回元素集合示例：$(".one+p") 选取class为one的下一个<p>同辈元素集合4、同辈选择器 $("prev~siblings")描述：选取prev元素后的所有siblings元素，返回元素集合示例：$("#two~p")选取id为two的元素后所有<p>同辈元素集合三、过滤选择器1>基本过滤选择器1、 :first描述：选取第一个元素，返回单个元素示例：$("p:first") 选取所有<p>元素中第一个<p>元素2、 :last描述：选取最后一个元素，返回单个元素示例：$("p:last") 选取所有<p>元素中最后一个<p>元素3、 :not(selector)描述：去除所有与给定选择器匹配的元素，返回元素集合示例：$("input:not(.myClass)") 选取class不是myClass的<input>元素4、 :even描述：选取索引是偶数的所有元素，索引从0开始，返回元素集合5、 :odd描述：选取索引是奇数的所有元素，索引从0开始，返回元素集合6、 :eq(index)描述：选取索引等于index的元素，索引从0开始，返回单个元素7、 :gt(index)描述：选取索引大于index的元素，索引从0开始，返回元素集合8、 :lt(index)描述：选取索引小于于index的元素，索引从0开始，返回元素集合9、 :focus描述：选取当前获取焦点的元素2>内容过滤选择器1、:contains(text)描述：选取含有文本内容为text的元素，返回元素集合示例：$("p:contains("我")") 选取含有文本“我”的元素2、:empty描述：选取不包含子元素或者文本元素的空元素，返回元素集合示例：$("p:empty") 选取不包含子元素或者文本元素的空<p>元素（<p></p>）3、:has(selector)描述：选取含有选择器所匹配的元素的元素，返回元素集合示例：$("p:has(p)") 选取含有<p>元素的<p>元素（<p><p/></p>）4、:parent描述：选取含有子元素或者文本的元素，返回元素集合示例：$("p:parent") 选取含有子元素或者文本元素的<p>元素（<p><p/></p>或者<p>文本</p>）3>可见性过滤选择器1、:hidden描述：选取所有不可见的元素，返回元素集合2、:visible描述：选取所有可见的元素，返回元素集合4>属性过滤选择器（返回元素集合）1、[attribute]示例：$("p[id]") 选取拥有id属性的p元素2、[attribute=value]示例：$("input[name=text]") 选取拥有name属性等于text的input元素3、[attribute!=value]示例：$("input[name!=text]") 选取拥有name属性不等于text的input元素4、[attribute^=value]示例：$("input[name^=text]") 选取拥有name属性以text开始的input元素5、[attribute$=value]示例：$("input[name$=text]") 选取拥有name属性以text结束的input元素6、[attribute*=value]示例：$("input[name*=text]") 选取拥有name属性含有text的input元素7、[attribute~=value]示例：$("input[class~=text]") 选取拥有class属性以空格分割的值中含有text的input元素8、[attribute1][attribute2][attributeN]描述：合并多个属性过滤选择器5>表单对象属性过滤选择器（返回元素集合）1、:enabled描述：选取所有可用元素2、:disabled描述：选取所有不可用元素3、:checked描述：选取所有被选中的元素（单选框，复选框）示例：$("input:checked") 选取所有被选中的<input>元素4、:selected描述：选取所有被选中的选项元素（下拉列表）示例：$("select option:selected") 选取所有被选中的选项元素四、表单选择器（返回元素集合，使用相似）1、:text描述：选择所有的单行文本框示例：$(":text")选取所有的单行文本框2、:password描述：选择所有的密码框3、:button描述：选择所有的按钮4、:checkbox描述：选择所有的多选框

什么是jQueryjQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。IT培训认为它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。主旨：以更少的代码、实现更多的功能学习jQuery的条件jQuery是JavaScript库，所以jQuery在使用上要比原生的JavaScript要简单，但是对于网页编程来说，有些通用的基础知识是必备的：1.XHTML或HTML5（含CSS，网页必备的基础技术，XHTML已完结90课）；2.JavaScript（虽然jQuery使用比JavaScript简单，但各种语法来自JavaScript，只要掌握已出课程的第一季149课即可，并不需要完全精通，只要理解语法和项目中简单的用法即可。）；3.服务器语言如：PHP（jQuery属于前端技术，那和后端技术是相辅相成、互相呼应的，而PHP课程目前出到第四季，而jQuery只需要PHP第一季136课的基础即可。）。

jQuery 如何写插件 -jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1 添加一个新的全局函数添加一个全局函数，我们只需如下定义：jQuery.foo = function() { alert("This is a test. This is only a test."); }; 1.2 增加多个全局函数添加多个全局函数，可采用如下定义：Java代码 收藏代码jQuery.foo = function() { alert("This is a test. This is only a test."); }; jQuery.bar = function(param) { alert("This function takes a parameter, which is "" + param + ""."); }; 调用时和一个函数的一样的:jQuery.foo();jQuery.bar();或者$.foo();$.bar("bar");1.3 使用jQuery.extend(object);　jQuery.extend({ foo: function() { alert("This is a test. This is only a test."); }, bar: function(param) { alert("This function takes a parameter, which is "" + param +""."); } }); 1.4 使用命名空间虽然在jQuery命名空间中，我们禁止使用了大量的javaScript函数名和变量名。但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突，因此我们习惯将一些方法封装到另一个自定义的命名空间。jQuery.myPlugin = { foo:function() { alert("This is a test. This is only a test."); }, bar:function(param) { alert("This function takes a parameter, which is "" + param + ""."); } }; 采用命名空间的函数仍然是全局函数，调用时采用的方法： $.myPlugin.foo(); $.myPlugin.bar("baz");通过这个技巧（使用独立的插件名），我们可以避免命名空间内函数的冲突。2、对象级别的插件开发对象级别的插件开发需要如下的两种形式：、形式1： (function($){ $.fn.extend({ pluginName:function(opt,callback){ // Our plugin implementation code goes here. } }) })(jQuery); 形式2：(function($) { $.fn.pluginName = function() { // Our plugin implementation code goes here. }; })(jQuery); 上面定义了一个jQuery函数,形参是$，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.2.1 在JQuery名称空间下申明一个名字这是一个单一插件的脚本。如果你的脚本中包含多个插件，或者互逆的插件（例如： $.fn.doSomething() 和 $.fn.undoSomething()），那么你需要声明多个函数名字。但是，通常当我们编写一个插件时，力求仅使用一个名字来包含它的所有内容。我们的示例插件命名为“highlight“ $.fn.hilight = function() { // Our plugin implementation code goes here. }; 我们的插件通过这样被调用： $("#myDiv").hilight(); 但是如果我们需要分解我们的实现代码为多个函数该怎么办？有很多原因：设计上的需要；这样做更容易或更易读的实现；而且这样更符合面向对象。这真是一个麻烦事，把功能实现分解成多个函数而不增加多余的命名空间。出于认识到和利用函数是javascript中最基本的类对象，我们可以这样做。就像其他对象一样，函数可以被指定为属性。因此我们已经声明“hilight”为jQuery的属性对象，任何其他的属性或者函数我们需要暴露出来的，都可以在"hilight" 函数中被声明属性。稍后继续。2.2 接受options参数以控制插件的行为让我们为我们的插件添加功能指定前景色和背景色的功能。我们也许会让选项像一个options对象传递给插件函数。例如： // plugin definition $.fn.hilight = function(options) { var defaults = { foreground: "red", background: "yellow" }; // Extend our default options with those provided. var opts = $.extend(defaults, options); // Our plugin implementation code goes here. }; 我们的插件可以这样被调用：$("#myDiv").hilight({ foreground: "blue" });2.3 暴露插件的默认设置我们应该对上面代码的一种改进是暴露插件的默认设置。这对于让插件的使用者更容易用较少的代码覆盖和修改插件。接下来我们开始利用函数对象。 // plugin definition $.fn.hilight = function(options) { // Extend our default options with those provided. // Note that the first arg to extend is an empty object - // this is to keep from overriding our "defaults" object. var opts = $.extend({}, $.fn.hilight.defaults, options); // Our plugin implementation code goes here. }; // plugin defaults - added as a property on our plugin function $.fn.hilight.defaults = { foreground: "red", background: "yellow" }; 现在使用者可以包含像这样的一行在他们的脚本里：//这个只需要调用一次，且不一定要在ready块中调用$.fn.hilight.defaults.foreground = "blue"; 接下来我们可以像这样使用插件的方法，结果它设置蓝色的前景色：$("#myDiv").hilight(); 如你所见，我们允许使用者写一行代码在插件的默认前景色。而且使用者仍然在需要的时候可以有选择的覆盖这些新的默认值：// 覆盖插件缺省的背景颜色$.fn.hilight.defaults.foreground = "blue";// ...// 使用一个新的缺省设置调用插件$(".hilightDiv").hilight();// ...// 通过传递配置参数给插件方法来覆盖缺省设置$("#green").hilight({ foreground: "green"});

jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在在线排盘开发中会比较常用的，仅供大家学习和参考。事件处理ready(fn)代码：$(document).ready(function(){// Your code here...});作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。bind(type,[data],fn)代码：$("p").bind("click", function(){alert( $(this).text() );});作用：为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。起到事件监听的作用。toggle(fn,fn)代码：$("td").toggle(function () {$(this).addClass("selected");},function () {$(this).removeClass("selected");});作用：每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。挺有趣的一个函数，在动态实现某些功能的时候可能会用到。(像click(),focus(),keydown()这样的事件这里就不提了，那些都是开发中比较常用到的。)外观效果addClass(class)和removeClass(class)代码：$(".stripe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");})});也可以写成：$(".stripe tr").mouseover(function() { $(this).addClass("over") });$(".stripe tr").mouseout(function() { $(this).removeClass("over") });作用：为指定的元素添加或移除样式，从而实现动态的样式效果，上面的实例中实现鼠标移动双色表格的代码。css(name,value)代码：$("p").css("color","red");作用：很简单，就是在匹配的元素中，设置一个样式属性的值。这个个人感觉和上面的addClass(class)有点类似。slide(),hide(),fadeIn(), fadeout(), slideUp() ,slideDown()代码：$("#btnShow").bind("click",function(event){ $("#divMsg").show() });$("#btnHide").bind("click",function(evnet){ $("#divMsg").hide() });作用：jQuery中提供的比较常用的几个动态效果的函数。还可以添加参数：show(speed,[callback])以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。animate(params[,duration[,easing[,callback]]]) 作用：制作动画效果用到的函数，功能非常的强大，可以连续使用此函数。查找筛选map(callback)HTML 代码: Values:return $(this).val();}).get().join(", ") );结果:[John, password, http://ejohn.org/%3C/p> ]作用：将一组元素转换成其他数组(不论是否是元素数组)你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。这都可以用"$.map()"来方便的建立。find(expr)HTML 代码: Hello, how are you?jQuery 代码:$("p").find("span")结果:[ Hello ]作用：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。文档处理attr(key,value)HTML 代码:jQuery 代码:$("img").attr("src","test.jpg");作用：取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。在控制HTML标记上是必备的工具。html()/html(val)HTML 代码: Hello jQuery 代码:$("div").html();结果: Hello作用：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。前者是取得所有匹配元素的内容。，后者是获得匹配元素的当前值。三者有相似的地方常用在内容的操作上。wrap(html)HTML 代码: Test Paragraph.jQuery 代码:$("p").wrap(" "); 结果: Test Paragraph. 作用：把所有匹配的元素用其他元素的结构化标记包裹起来。这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。 可以灵活的修改我们的DOM。empty()HTML 代码: Hello, PersonjQuery 代码:$("p").empty();结果:作用：删除匹配的元素集合中所有的子节点。Ajax处理load(url,[data],[callback])url (String) : 待装入 HTML 网页网址。data (Map) : (可选) 发送至服务器的 key/value 数据。callback (Callback) : (可选) 载入成功时回调函数。代码：$("#feeds").load("feeds.aspx", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});作用：载入远程 HTML 文件代码并插入至 DOM 中。这也是Jquery操作Ajax最常用最有效的方法。serialize()HTML 代码: Results:check1checked="checked"/> check2checked="checked"/> radio1 radio2 jQuery 代码:$("#results").append( "" + $("form").serialize() + "" );作用：序列化表格内容为字符串。用于 Ajax 请求。工具jQuery.each(obj,callback)代码：$.each( [0,1,2], function(i, n){alert( "Item #" + i + ": " + n );});//遍历数组$.each( { name: "John", lang: "JS" }, function(i, n){alert( "Name: " + i + ", Value: " + n );//遍历对象});作用：通用例遍方法，可用于例遍对象和数组。jQuery.makeArray(obj)HTML 代码: FirstSecondThirdFourth jQuery 代码:var arr = jQuery.makeArray(document.getElementsByTagName("div"));结果:FourthThirdSecondFirst作用：将类数组对象转换为数组对象。使我们可以在数组和对象之间灵活的转换。jQuery.trim(str)作用：这个大家应该很熟悉，就是去掉字符串起始和结尾的空格。小结：在实际的开发中我们可能会发现21世纪开运网用到其他的方法和属性，以上只是个人认为新手初学jQuery时，必须掌握的一些方法。仅供大家学习的参考。以上内容就是我们为大家提供的jQuery中常用的函数方法，希望可以帮助到大家。

jQuery 拥有若干进行 CSS 操作的方法，对于class的设置有如下方法：addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作下面分别举例说明：1、下面的例子展示如何向不同的元素添加 class 属性。$("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important");});2、下面的例子演示如何不同的元素中删除指定的 class 属性：$("button").click(function(){ $("h1,h2,p").removeClass("blue");});3、下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：$("button").click(function(){ $("h1,h2,p").toggleClass("blue");});

都是用来加载你调用的jquery的这么说 在css中 <style>.bb</style>在调用的时候你要加上class 而不是直接写是不是？ 一样

另一种形式的联动框，右边的联动框用jquery生成 这是仿照上篇的js方法修改的 先看下页面代码： 代码如下: 事发区域： 页面调用的js： 代码如下: $(document).ready(function(){ $("#sfqySelect").building({ nodata:"none", required:true, buildingUrl:"${rc.contextPath}/repair/loadBuildings", floorUrl:"${rc.contextPath}/repair/loadFloors", clickCallback:function(value,text,other){ moveGis(other); } }); }); 对应的 jquery.building.js 文件如下： 代码如下: /* Ajax 三级联动 日期：2013-2-26 settings 参数说明 ----- buildingUrl:大楼下拉数据获取URL,josn返回 buildingValue:默认大楼下拉value floorUrl:楼层数据获取URL,josn返回 floorValue:默认楼层value nodata:无数据状态 required:必选项 clickCallback:点击时的回调函数 ------------------------------ */ (function($){ $.fn.building=function(settings){ if($(this).size()0&&count%3==0){ temp_html+=""; count=-1; } count=count+1; }); temp_html+=""; return temp_html; }; // 赋值二级下拉框函数 var createFloorPanel=function(){ floor_obj.val("点击选择楼层"); floorHidden_obj.val(""); //floorPanel_obj.empty(); if(building_obj.val()==""){ return; } $.getJSON(settings.floorUrl, { buildingId: building_obj.val(), time: new Date().getTime() }, function(jsonResult){ if(!jsonResult.success){ if(settings.nodata=="none"){ floorPanel_obj.css("display","none"); }else if(settings.nodata=="hidden"){ floorPanel_obj.css("visibility","hidden"); }; return; } // 遍历赋值二级下拉列表 floorPanel_obj.html(prepareFloorPanelHtml(jsonResult.data)); floorPanel_obj.find("td").click(function(){ //hide var text = $(this).html(); var value = $(this).attr("floorId"); var other =$(this).attr("other"); floor_obj.val(text); floorHidden_obj.val(value); floorPanel_obj.css("display","none"); settings.clickCallback(value,text,other); }); /*$("body").filter(".choose_floor").click(function(){ alert(1) floorPanel_obj.css("display","none"); }); */ }); }; var init=function(){ // 遍历赋值一级下拉列表 $.getJSON(settings.buildingUrl, {time: new Date().getTime() }, function(jsonResult){ if(!jsonResult.success){ return; } // 遍历赋值一级下拉列表 building_obj.html(prepareSelectHtml(jsonResult.data)); createFloorPanel(); // 若有传入大楼与楼层的值，则选中。（setTimeout为兼容IE6而设置） setTimeout(function(){ if(settings.buildingValue && settings.buildingValue.length>0){ building_obj.val(settings.buildingValue); createFloorPanel(); setTimeout(function(){ if(settings.floorValue!=null){ floor_obj.val(settings.floorValue); }; },1); }; },1); }); // 选择一级时发生事件 building_obj.bind("change",function(){ createFloorPanel(); }); floor_obj.click(function(){ //show //alert(floorPanel_obj.html()) //floorPanel_obj.css("height","100px"); //floorPanel_obj.css("width","100px"); //floorPanel_obj.css("floorNum"); floorPanel_obj.css("display","block"); }); }; // 初始化第一个下拉框 init(); }; })(jQuery); 后台处理请求及返回json数据： 代码如下: @RequestMapping("loadBuildings") @ResponseBody public Map loadBuildings(ModelMap model){ String msg = ""; boolean isSuccess = false; List maps=new ArrayList(); try { List buildings= geoAreaService.findBuildings(); for (GeoArea building : buildings) { Map map=new HashMap(); map.put("value", building.getId().toString()); map.put("text", building.getName()); maps.add(map); } msg = "查找大楼成功。"; isSuccess=true; } catch (Exception e) { msg = "查找大楼失败。"; log.error("查找大楼失败：" + e.getMessage(), e); } return buildAjaxResult(isSuccess, msg,maps); } @RequestMapping("loadFloors") @ResponseBody public Map loadFloors(@RequestParam("buildingId")Integer buildingId,ModelMap model){ String msg = ""; boolean isSuccess = false; List maps=new ArrayList(); try { List floors= geoAreaService.findFloorById(buildingId); for (GeoArea floor : floors) { Map map=new HashMap(); map.put("value", floor.getId().toString()); map.put("text", floor.getName()); map.put("other", floor.getCode()); maps.add(map); } msg = "查找楼层成功。"; isSuccess=true; } catch (Exception e) { msg = "查找楼层失败。"; log.error("查找楼层失败：" + e.getMessage(), e); } return buildAjaxResult(isSuccess, msg,maps); } protected Map buildAjaxResult(boolean isSuccess, String msg, Object data) { Map resultMap = new HashMap(); resultMap.put("success", isSuccess); resultMap.put("msg", msg); resultMap.put("data", data); return resultMap; } 搞定！

需要准备的材料分别有：电脑、html编辑器、浏览器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<head>标签，输入jquery引用代码：<script src="https://libs.baidu.com/jquery/2.0.0/jquery.js"></script>3、浏览器运行index.html页面，此时发现jquery被成功引用加入了网页。

估计你的导入js的相对路径错了，你检查下相对路径。

先学javascript，jquery框架就是用js封装的，需要js基础知识

<body><select><option>1</option><option>2</option><option>3</option></select></body><script type="text/javascript" src="js/jquery-2.1.4.js" ></script><script>$("select").change(function(){alert($(this).val())})</script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>

版权所有：基础软件。作者邮箱：s.j.l.studio@hotmail.com，sun.j.l.studio@gmail.com。jQuery官网上说：jQuery is a new kind of JavaScript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way you write JavaScript.翻译如下：jQuery是一种新的JavaScript库。jQuery是一个快速而且简洁的JavaScript库，它使得以下几方面的工作更加简单：（1）遍历的操作HTML文档；（2）事件处理；（3）动画；（4）快速Web开发中的Ajax互操作。jQuery的设计将改变你编写JavaScript的方式。我的补充：jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。jQuery可以快速找到文档中的html元素，并对其进行操作，如隐藏、显示、改变样式、添加内容等。能够方便的在页面上添加和移除html元素。这些功能虽然使用JavaScript也能实现，但是jQuery绝对使这些工作变得更加简单。"Write Less Do More".我个人感觉jQuery的语法比纯JavaScript还要容易掌握，我对JavaScript语法中的HTML部分不熟悉，也看过一些，但是感觉关键字太多，语法较复杂。但是使用jQuery却很简单，所有元素都使用val()、text()、html()三个函数进行操作，易学易用。jQuery-UI是一个基于jQuery Core的专门应用于界面的组件，具有各种常用控件（很美观、有动画效果、使用简单）。微软支持第三方的东西好像不多啊

jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取 元素。$("p.intro") 选取所有 class="intro" 的 元素。$("p#demo") 选取 id="demo" 的第一个 元素。jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[href="#"]") 选取所有带有 href 值等于 "#" 的元素。$("[href!="#"]") 选取所有带有 href 值不等于 "#" 的元素。$("[href$=".jpg"]") 选取所有 href 值以 ".jpg" 结尾的元素。jQuery CSS 选择器jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。$("p").css("background-color","red");

jquery是基于js封装的库 和js是一样样的 只不过它把js的一些方法 封装了 让浏览器更兼容 程序员写起来更轻松

就是JS

下载jquery.js，直接引入<script src="scripts/jquery.js"></script>

jQuery是一款前端开发框架，jQuery使用的方法如下：工具／原料：联想威6、win10 20H2、jQuery 3.5.1。1、jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。2、然后我们来开始编辑HTML界面代码。3、如图，使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。4、接着再书写一个script标签对，里面写上jQuery入口函数，这样，当我们的HTML加载完成之后就会执行我们的jQuery代码，入口函数写法有两种，function里面就是用来书写执行代码的。5、如图，我就使用alert来在网页中弹出一个警告框。6、这样，当我们运行我们的网页的时候，就会弹出一个窗口，里面有我们的警告内容。至此，jQuery也算简单的入门了解了。

jQuery官方解释的很清楚jQuery是一个快速、简洁、功能丰富的JavaScript库，重点在jQuery是一个库(library)jQuery就是一个js库，它里面就提供了很多的属性和方法供我们使用，比如想操作样式，jQuery就提供了css等方法。比如想要制作一个动画，jQuery就提供了show()/slideDown()/animate()等方法。

　　Jquery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。　　jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。　　jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

Web开发人员每天都使用JavaScript为他们创建的网站带来必要的功能。jQuery提供了一个提供强大功能和灵活性的特殊工具。jQuery是一个JavaScript库，有助于简化和标准化JavaScript代码和HTML元素之间的交互。JavaScript允许网站具有交互性和动态性，jQuery是一种有助于简化流程的工具。同时JQuery也是一个紧凑，快速且功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单。JQuery结合了多功能性和可扩展性，改变了数百万人编写JavaScript的方式。换句话说，由于JQuery，JavaScript以简化形式呈现。阅读起来相当舒服。扩展资料：JQuery的优点1、易于使用：如果我们将它与标准JavaScript和其他库进行比较，它使用起来既简单又快捷。它由简单的语法组成，并且需要较少的代码行。2、巨大的库：与其他库相比，它允许您执行大量功能。3、插件的可用性：可以使用许多预先编写的插件来立即压缩开发过程。这背后的另一个优点是脚本的效率和安全性。4、综合教程：JQuery网站提供了不言自明的文档和教程，以便在绝对的编程初学者面前进行理解。5、AJAX支持：它允许我们轻松地开发Ajax模板，Ajax支持更流畅的界面，可以在页面上执行操作，而不需要重新加载整个页面。6、灵活性：所有浏览器中的契约，是目前最流行的JavaScript库。

|| 或者 &&并且

jq的核心就是dom节点选择器。

jQuery使用标准的javascript语言编写的一个类库（轻量级的框架），类似的还有很多，例如Dojo、ExtJS等等。其实就是在里面封装了很多函数，例如对Dom的操作，ajax应用，以及各种绚丽效果等等。使用jQuery，可以大大的降低代码量，还能很好的屏蔽“浏览器差异”问题。这些是web客户端开发的必备技术，不管你是j2EE、还是asp、asp.net、php、perl、ruby等等都可以用到。jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

jquery 是插件，供页面调用后台，页面判断，页面动作处理使用

$("#txt").val("赋值");

jQuery是javascript经过封装后的框架，补充了原生javascript的不足

不是。js是javascript

第一篇 jQuery预备基础篇第1章 Web开发的发展与趋势 21.1 Web标准 21.1.1 XML 31.1.2 XHTML 31.1.3 CSS 41.1.4 DOM 41.1.5 ECMAScript 51.2 传统互联网与Web 2.0 51.2.1 传统网络Web 1.0 51.2.2 最近的新宠Web 2.0 61.3 jQuery能做什么 111.3.1 更加丰富的导航菜单 111.3.2 Tab内容的切换 131.3.3 人性化的提示信息 131.3.4 可定制的用户内容 141.3.5 动态的图片展示效果 151.3.6 AJAX实时局部刷新 161.3.7 数据的可视化显示 171.4 jQuery知识体系及学习建议 171.4.1 jQuery知识体系 171.4.2 学习建议 191.5 小结 19第2章 JavaScript基础 202.1 什么是JavaScript 202.2 语法规则 212.2.1 大小写敏感 212.2.2 空格、换行与可选的分号 232.2.3 注释 252.2.4 关键字和保留字 262.2.5 在页面上插入JavaScript代码 282.3 变量 292.3.1 变量的命名 292.3.2 变量的声明 302.3.3 变量的使用 322.3.4 全局变量和局部变量 332.4 JavaScript中的数据类型 352.4.1 字符串类型 362.4.2 数值类型 372.4.3 布尔类型 372.4.4 undefined类型 382.4.5 null类型 402.4.6 NaN类型 402.5 数据类型间转换 412.5.1 使用toString()转换为字符串 412.5.2 使用parseInt()转换为整型数 432.5.3 使用parseFloat()转换为浮点数 452.6 JavaScript操作符 472.6.1 比较操作符 472.6.2 逻辑操作符 482.6.3 JavaScript操作符优先级 492.7 流程控制 502.7.1 条件语句 502.7.2 循环语句 542.8 数组 562.8.1 创建一个数组 572.8.2 使用数组元素 582.8.3 使用多维数组 582.9 函数 592.9.1 函数的定义 592.9.2 函数的参数及返回值 602.10 小结 61第3章 文档对象模型（DOM） 623.1 什么是DOM 623.2 DOM的结构和节点 633.2.1 DOM的树结构 633.2.2 DOM中的节点 653.3 访问DOM节点 673.3.1 按id取元素：getElementById() 673.3.2 按标签名取元素集：getElementsByTagName() 683.4 操作元素内的文本 703.5 操作元素内的HTML 723.6 修改DOM节点 733.6.1 创建DOM节点 743.6.2 插入DOM节点 763.6.3 删除DOM节点 783.7 小结 80第4章 工欲善其事，必先利其器——开发工具 814.1 代码编辑工具 814.1.1 SciTE 814.1.2 Notepad++ 824.1.3 Dreamweaver 834.2 调试工具 844.2.1 使用Blackbird进行调试 844.2.2 使用Firebug进行调试 854.2.3 使用Venkman进行调试 914.3 其他工具 924.3.1 Web Developer Toolbar 924.3.2 JavaScript压缩混淆工具 994.4 小结 100第二篇 jQuery基础篇第5章 jQuery快速上手 1025.1 什么是jQuery 1025.2 为什么选择jQuery 1025.2.1 当前流行JavaScript库比较 1035.2.2 jQuery的优势 1065.3 配置jQuery开发环境 1075.3.1 获取jQuery最新版本 1075.3.2 jQuery库类型说明 1085.3.3 在页面中引用jQuery库 1085.3.4 jQuery 1.2.6新特性及主要改变 1105.3.5 jQuery 1.3.2新特性及主要改变 1125.4 准备HTML和CSS代码 1145.4.1 演示框架目录结构 1155.4.2 HTML代码 1155.4.3 CSS代码 1175.5 编写jQuery代码 1195.6 小结 122第6章 使用选择器获得要操作的元素 1236.1 CSS选择器 1236.1.1 使用CSS选择器 1236.1.2 通配选择器 1246.1.3 标签选择器 1246.1.4 ID选择器 1256.1.5 类选择器 1256.1.6 后代选择器 1266.1.7 子元素选择器 1276.1.8 相邻兄弟选择器 1276.1.9 属性选择器 1286.2 jQuery选择器 1306.2.1 基本选择器 1306.2.2 层次选择器 1356.2.3 基本滤镜选择器 1396.2.4 子元素滤镜选择器 1516.2.5 表单滤镜选择器 1566.2.6 属性滤镜选择器 1646.3 小结 167第7章 操作得到的元素 1687.1 操作属性 1687.1.1 读取属性 1687.1.2 修改属性 1707.1.3 删除属性 1737.2 操作样式类 1747.2.1 添加样式类 1747.2.2 去除样式类 1767.2.3 交替样式类 1777.3 操作CSS 1787.3.1 读取CSS样式 1787.3.2 设置CSS样式 1807.3.3 获得元素偏移信息 1827.3.4 获得和设置高度 1837.3.5 获得和设置宽度 1857.4 操作内容 1867.4.1 操作HTML代码 1867.4.2 操作文本 1887.4.3 操作值 1907.5 查找与筛选元素 1937.5.1 过滤元素集 1937.5.2 在元素集中查找 1977.6 链式操作 2027.6.1 使用链式操作 2037.6.2 结束当前操作对象 2057.6.3 添加当前操作对象到先前对象 2077.7 小结 208第8章 使用jQuery进行DOM操作 2098.1 在元素内部插入DOM元素 2098.2 在元素外部插入DOM元素 2148.3 包裹DOM元素 2178.3.1 使用指定的元素标记进行包裹 2178.3.2 使用HTML标记进行包裹 2208.3.3 包裹内部元素 2228.4 替换DOM元素 2238.5 删除DOM元素 2258.6 克隆DOM元素 2278.7 小结 229第9章 jQuery中的事件处理 2309.1 页面载入完毕响应事件 2309.1.1 jQuery中的$(document).ready()事件 2309.1.2 window.onload()事件和$(document).ready()事件的比较 2319.2 绑定与反绑定事件监听器 2339.2.1 绑定事件 2339.2.2 反绑定事件 2389.2.3 一次性的事件绑定 2399.3 事件触发器 2419.3.1 trigger触发事件 2419.3.2 triggerHandler触发事件 2449.4 事件的交互处理 2459.4.1 hover：模仿鼠标悬停 2469.4.2 toggle：多次单击的循环响应 2479.5 jQuery内置事件类型 2489.5.1 jQuery内置事件函数的两种声明方式 2499.5.2 jQuery内置事件类型分类 2509.6 小结 253第10章 jQuery中的动画与效果 25410.1 基本效果 25410.1.1 隐藏元素 25410.1.2 显示元素 25810.1.3 交替显示隐藏 25910.2 滑动效果 26010.2.1 向上收缩效果 26010.2.2 向下展开 26210.2.3 交替伸缩样式 26210.3 淡入淡出效果 26310.3.1 淡入效果 26310.3.2 淡出效果 26510.3.3 自定义不透明度 26510.4 自定义动画效果 26610.4.1 自定义动画 26610.4.2 jQuery动画队列 27010.5 小结 273第11章 jQuery与AJAX 27411.1 AJAX的应用 27411.1.1 AJAX的历史 27411.1.2 AJAX经典应用 27511.2 AJAX原理与XMLHttpRequest对象 27811.2.1 AJAX的原理 27911.2.2 XMLHttpRequest对象 28111.3 jQuery中的AJAX 28411.3.1 load()、get()和post()函数 28411.3.2 ajax函数 29411.3.3 getScript及getJSON函数 30011.4 jQuery中的AJAX服务器端返回方式 30411.4.1 html方式 30511.4.2 text方式 30711.4.3 xml方式 30811.4.4 script方式 31611.4.5 json方式 31611.5 jQuery中的AJAX事件 31811.5.1 AJAX局部事件 31811.5.2 AJAX全局事件 32011.6 小结 323第12章 回头重看jQuery——核心及工具 32412.1 核心函数 32412.1.1 核心函数形式 32412.1.2 使用核心函数 32612.2 jQuery对象访问 32912.2.1 获得长度 32912.2.2 获得其中某个对象 32912.2.3 遍历对象集 33212.3 数据缓存 33312.3.1 隐藏数据 33312.3.2 设置和获取元素的缓存数据 33412.3.3 删除缓存数据 33612.4 jQuery常用工具类 33712.4.1 浏览器相关 33712.4.2 数组与对象相关 34012.4.3 其他功能性函数 34812.5 jQuery插件机制 34912.5.1 jQuery.extend(object) 35012.5.2 jQuery.fn.extend(object) 35112.6 小结 352第三篇 jQuery应用篇第13章 jQuery增强用户体验 35413.1 动态加载显示内容 35413.1.1 设计网站外观及显示 35413.1.2 jQuery 动态加载内容 35613.2 改进：增强用户体验 35813.2.1 高亮当前选中菜单 35813.2.2 加载时提示“正在加载…” 35913.3 动态切换样式 36113.3.1 jQuery样式切换简单实现 36113.3.2 使用Cookie保存用户选项 36313.3.3 使用jQuery.cookie插件 36613.4 小结 368第14章 jQuery中使用AJAX跨域操作 36914.1 跨域操作的实现方式 36914.1.1 Script方式实现跨域操作 36914.1.2 JSONP方式实现跨域操作 37114.2 跨域操作flickr网站API 37414.3 跨域操作delicious网站API 37814.4 跨域操作Google AJAX Search API 38214.5 小结 388第15章 jQuery+PHP动态网站实践 38915.1 标签云（Tag Cloud） 38915.1.1 标签云的概念与使用 38915.1.2 标签云显示样式设计 39015.1.3 设计MySQL数据库 39415.1.4 构建PHP代码 39515.1.5 构建jQuery代码 39815.2 类twitter微博客系统 39915.2.1 微博客系统 40015.2.2 设计MySQL数据库 40315.2.3 构建PHP代码及jQuery代码 40415.2.4 功能改进：增加字数统计功能 40815.3 小结 410第16章 jQuery键盘操作 41116.1 键盘快捷键动态切换页面 41116.1.1 需求与最终效果 41116.1.2 HTML及CSS代码 41216.1.3 jQuery代码 41616.2 使用插件进行改进 42016.2.1 存在的问题 42016.2.2 js-hotkeys插件的使用 42116.2.3 使用js-hotkeys插件改进本章示例 42316.3 软键盘的实现 42516.3.1 软键盘的使用 42516.3.2 准备HTML及CSS代码 42516.3.3 构建jQuery代码 43016.3.4 最终效果 43316.4 小结 435第17章 jQuery可视化数据显示 43617.1 数据的可视化显示 43617.2 使用flot插件可视化数据显示 43817.2.1 flot插件介绍 43817.2.2 准备HTML及CSS代码 43917.2.3 构建jQuery代码 44217.2.4 实现折点上的Tooltip显示 44817.3 小结 451

お姉さん（おねえさん）o ne-san（一般称别人的姐姐） お姉ちゃん（ねえちゃん）one-jyan（一般称自己的姐姐（一般女用）） 姉ちゃん（ねえちゃん）ne-jyan（一般称自己的姐姐（一般男用））

首先获取时间对应的毫秒数。例如：var date1 = new Date(Date.UTC(2005,4,5,17,55,55))var date2 = new Date(Date.UTC(……))分别解释下括号里面的6个参数 ：第一个 年份；第二个：月份，（月份是从0-11）因此表示5月份第三个：日期 5号第四个：17代表下午5点（24小时制，0-23）第五个：分（0-59）第六个 ：秒（0-59）前两个参数 年份、月份是必填参数，其他可选填，默认为0；var result = date2-date1 获取到时间差的毫秒数。然后经过数学计算获得 对应的 小时 分钟 秒；

美国，一般都是美国

前台页面 代码如下: $(document).ready(function(){ $("#rwflSelect").linkSelect({ nodata:"none", required:true, firstUrl:"${rc.contextPath}/repair/loadCategory", secondUrl:"${rc.contextPath}/repair/loadSubCategory", firstValue:"$!{repair.categoryid}",//任务大类 secondValue:"$!{repair.subcategoryid}"//人物小类 }); }); 任务分类： 附 jquery.select.js 代码如下: /* Ajax 三级联动 日期：2013-2-26 settings 参数说明 ----- firstUrl:一级下拉数据获取URL,josn返回 firstValue:默认一级下拉value secondUrl:二级下拉数据获取URL,josn返回 secondValue:默认二级下拉value thirdUrl:三级下拉数据获取URL,josn返回 thirdValue:默认三级下拉value nodata:无数据状态 required:必选项 ------------------------------ */ (function($){ $.fn.linkSelect=function(settings){ if($(this).size()0){ first_obj.val(settings.firstValue); secondStart(); setTimeout(function(){ if(settings.secondValue && settings.secondValue.length>0){ second_obj.val(settings.secondValue); thirdStart(); setTimeout(function(){ if(settings.thirdValue && settings.thirdValue.length>0){ third_obj.val(settings.thirdValue); }; },1); }; },1); }; },1); }); // 选择一级时发生事件 first_obj.bind("change",function(){ secondStart(); }); // 选择二级时发生事件 second_obj.bind("change",function(){ thirdStart(); }); }; // 初始化第一个下拉框 init(); }; })(jQuery); ${rc.contextPath}/repair/loadCategory 对应的后台方法及返回json值： 代码如下: @RequestMapping("loadCategory") @ResponseBody public Map loadCategory(ModelMap model){ String msg = ""; boolean isSuccess = false; List maps=new ArrayList(); try { List categories= categoryService.findAllCategory(); for (Category category : categories) { Map map=new HashMap(); map.put("value", category.getId().toString()); map.put("text", category.getCategoryName()); maps.add(map); } msg = "查找大类成功。"; isSuccess=true; } catch (Exception e) { msg = "查找大类失败。"; log.error("查找大类失败：" + e.getMessage(), e); } return buildAjaxResult(isSuccess, msg,maps); } protected Map buildAjaxResult(boolean isSuccess, String msg, Object data) { Map resultMap = new HashMap(); resultMap.put("success", isSuccess); resultMap.put("msg", msg); resultMap.put("data", data); return resultMap; } 效果如图：

<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("p").click(function(){$(this).hide();});});</script>

Core jQuery 选择页面中元素（Selector）、对元素执行操作（Events Effects CSS）jQuery UIjQuery Pulgin

我也是刚开始学，建议你看下http://www.w3school.com.cn/jquery/