如何使用JQuery
1、在电脑任意位置创建一个文件夹test，在浏览器地址栏打开jquery.com，下载最新版的jquey.min.js将其放入到test文件夹中。
2、使用前端编辑器（我这里用的是webStrom编辑器,其他任意编辑器都可以，如dreamwear、notepad++等)在test文件夹中新建一个html文件，文件内容如下。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>我的jquery测试页面</title> <style type="text/css"> #main{ width: 200px; min-height: 100px; background-color: #eee; padding: 20px; text-align: center; } #main div{ padding: 10px 0 0 0; } #mytitle{ border: 1px solid #FF5722; height: 22px; line-height: 22px; font-size: 14px; } </style></head><body><div id="main"> <div id="myContent"></div> <div><input type="text" id="mytitle"></div> <div><button id="myBT" >确定</button> </div></div></body><script></script></html>
3、打开创建的那个html页面，我们会看到这个页面包含了一个input文本框，一个确定按钮。下面我们来引入jquery库。
5、在引入js的代码下方增加如下代码<script> $(document).ready(function(){ });</script>这里的$(document).ready方法的含义是，当文档准备好以后要干的事情，在jquery里面我们要获取页面的对象必须在页面对象加载完成以后才能获取。
7、最后我们做一个点击按钮给div添加文字的方法，代码如下$("#myBT").click(function(){ $("#myContent").html( $("#myContent").html()+"</br>"+$("#mytitle").val());});打开网页，在文本框里面输入任意文本，然后点击确定看看网页上的效果吧。
