JQuery从基础到使用进阶

最后更新于:2022-04-01 10:13:04

## 简介 JQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。是目前最受欢迎的JavaScript库,核心理念是“writeless,do more”。 ## 特点 跨浏览器的动态选择 DOM寻访与更改 事件 CSS操作 特效与动画 ## 思路及常用方法 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-02-17_56c43e6797f46.jpg) ## 基础概述 ### 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) 好的框架是为了更好的应用,这里仅仅是个开端,希望能在经来的学习使用中深入更多。
';