JQuery从基础到使用进阶

## 简介 JQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。是目前最受欢迎的JavaScript库，核心理念是“writeless，do more”。 ## 特点 跨浏览器的动态选择 DOM寻访与更改 事件 CSS操作 特效与动画 ## 思路及常用方法  ## 基础概述 ### 1.$() 是jQuery中最基本的符号，可以将其理解为jQuery的包装器。根据参数的不同，可以实现不同的功能 （1）function(){}，页面直接装载完执行 是$(document).ready(function(){  });的简写 （2）CSS选择器，返回JQuery对象 例：$(“#txtBook”) （3）DOM对象，返回JQuery对象 对JQuery对象执行各种JQuery方法，以获取数据，定义事件，执行操作 （4）Html文本，创建JQuery对象，可视为DOM元素插入到Html代码中。 例：var test=$(“<p>这是一个新段落！</p>”); test.insertAfter(“#p1”); ### 2.选择器 选择到某个或某些指定的标记对象 （1）基本选择器 类似于CSS中的选择器，元素名称、id值、class名称、逗号隔开多项选择、空格隔开混合使用的规则在   JQuery的选择器中同样适用。 （2）表单选择器 匹配某些表单对象，类似":button"的使用方式。 （3）属性选择其 根据属性值的不同来选择不同的标记对象 （4）表单对象属性选择器 选择属性值为":checked"、":selected"、":disabled"、"enabled"的相应表单对象 除了以上JQuery中常用的选择器外，还有位置、内容等其他选择器，具体使用细则可以通过查阅API函数手册进行学习。 ### 3.跨浏览器 JQuery对各浏览器运行方法时做了很好的封装，屏蔽了很多浏览器的差异，但总是还会碰到一些不兼容的地方，可通过判断浏览器的类型及版本号来针对不同的浏览器做出调整。 （1）判断浏览器的类型 $.browser.msie==true，$.browser.opera，$.browser.safari，$.browser.mozilla （2）判断浏览器的版本号 例如：$.browser.version.indexOf("8") ### 4.插件机制 JQuery提供可扩展的插件机制，用户可编写属于自己的插件，方便应用 $.fn.myplugin=function(){}; ## 总结 对JQuery有了一些认识及练习之后，对于今后的学习还是要借助与JQuery的API帮助文档  [ http://api.jquery.com/](http://api.jquery.com/) [http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html](http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html) （中文版本） 另外，我们还要去了解那些好用的插件，以及JQuery的一些优化问题，以提高我们的应用能力，在此，仅推荐两篇文章： [jQuery性能优化的28个建议](http://www.admin10000.com/document/1863.html) [15 个最新的 jQuery插件](http://www.admin10000.com/document/3374.html) 好的框架是为了更好的应用，这里仅仅是个开端，希望能在经来的学习使用中深入更多。