四个步骤，学习jQuery

一点号智能社4小时前

一些初学者经常会问学习jQuery有没有什么方法，怎么样学习会取得更好的效果。今天，小编就带领大家简单地来入个门~~

什么是jQuery？

jQuery是一种在浏览器中运行的程序脚本。jQuery是一个轻量级的JS库，它不仅兼容CSS3，还兼容各种浏览器。使用jQuery能更方便地处理HTML、events、实现动画效果，并且为网站提供AJAX交互。它非常实用，也比较容易学习。

它有以下几个优点：

1.代码很短。

2.可以用于复杂的任务，比如在短短的几行代码操纵网页的HTML结构（即DOM）。

3.事件处理比JS容易得多。

4. AJAX的调用很简单。

4个步骤学习jQuery

第1步――添加jQuery参考

当使用jQuery时，要做的第一件事就是添加参考。在页面顶部添加参考。如下所示：

在上面的参考线，引用的是谷歌托管库的jQuery。如果你工作的地方没有网络（虽然这种几率很小），那么上面的引用就不能继续工作了。除非，你将jQuery下载到你的本地PC端，那么你可以从PC端使用它。jQuery下载链接：

如果你已经下载jQuery到你的PC端上，参考线将会变成：

第2步 - jQuery的事件处理

Button Clicks, keyup, keydown, mouseout, focus, jQuery Uncheck Checkbox等事件，会很容易编程。（按钮单击、按键谈起、按键按下、鼠标移开、聚焦、jQuery的复选框取消选中等事件）

下面将介绍如何在jQuery对按钮单击事件进行编程：

HTML页面

在上面的代码中，把按钮单击事件放在“$(document).ready(function { }”里，是因为它会告诉jQuery，运行之后，页面完全加载，你的所有jQuery代码都应该放在它里面。

用另一个例子来检查一下，如果字母“Y”放在页面上的任何地方，会有警示消息提示，下面是它的代码：

请注意，89是字母“Y”的关键事件。

第3步 - jQuery的DOM操作

使用jQuery改变DOM很容易。如果你曾经尝试过用JS改变DOM，就会知道它是多么困难。如果使用jQuery，就是小菜一碟。

先做一个简单的DOM操作来对自己进行测试。关于“美国首都”有7个选项，给出这些选项中的单选按钮，当选择了错误的答案，就会显示 “错误”，选择了正确的答案（华盛顿特区），就显示“正确”。

将以上的方式使用到单选按钮的单击事件上，添加一个“段落”、 “正确”和“错误”的文本，以及单选按钮。

请注意，上面的jQuery代码，需要检查单选按钮的值。当点击它时，找到它的父元素（父元素是“li”），然后添加适当的文字段落。

第4步 - jQuery的AJAX操作

通过AJAX请求完成局部回传，使用jQuery可以轻松地进行AJAX请求，并且调用服务器端的函数，比如调觩hp或ASP。同时，可以将函数的返回值显示在HTML页面中。

有时可能需要查询数据库记录，比如以名字为基础从数据库查找客户详细信息。在这里，可以使用jQuery调用PHP或ASP函数（返回客户详细信息），然后显示div细节。要注意的一点是，在局部回传时这样做。

jQuery的Ajax代码

请注意，在上面的代码中，调用页面“jquery-ajax.aspx”的“GetCustomer”函数和传递客户的名称作为参数。这个函数的作用是从数据库是获取客户详细信息，并返回给jQuery函数。此信息通过jQuery函数里的“customerDetails” div被显示。

希望以上信息能够对屏幕前的你有用，嘿嘿（害羞脸）

jQuery只是JS各种库中的一种，小编在这里也只是泛泛而谈。JS的功能非常强大，要想完全掌握，对于一个初学者来说，需要进行正确地引导和教学，智能社专注前端开发N年，课程内容涵盖了CSS、JS、H5等，JS什么的完全不在话下，有需要的童鞋可以咨询哦~免费咨询！免费咨询！！会有专业的老师为你解惑^_^

本文前端（javascript）相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: jQuery、HTML、CSS、PHP、浏览器、CSS3、前端开发、服务器、Ajax、数据、

分页：12

转载请注明
本文标题：四个步骤，学习jQuery
本站链接：
分享请点击：

1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。

登录后可拥有收藏文章、关注作者等权限...

   注册     登录