【JQuery】——JQuery的魅力

    JQuery是B/S学习中必不可少的一部分，但是到底什么是JQuery呢？在学习之前我也不是很清楚，但是做了几个实例之后才发现，原来JQuery很简单。

    做过小实例就可以知道，JQuery其实就是JavaScript库，只不过它比JavaScript语言更精简。做例子过程中，同样是新建.js文件，在里面编写代码，然后在HTML代码中引用JS文件即可。下面就以我自己的理解，介绍一下JQuery。

特点

动态特效

    JQuery可以实现很多种的动态效果，包括窗口弹出和逐渐消失、纵向菜单横向菜单、实现页面表格可编辑等等，具体的代码实现可以参考一下网站：http://justcoding.iteye.com/blog/614545

插件扩展

    JQuery有很多成熟的插件，同样也可以自己编写。另外它的文档说明也很完整，应用说明也很详细。

链式调用

    JQuery的宗旨是“Write less,Do more”，也就是说“写的更少，做的更多”，一个很好的体现就是它的链式调用。所谓的链式调用即它的方法可以不断地在后面添加，而不用一直写对象。例如：

<span style="font-family:KaiTi_GB2312;">var inputObj=$("<input type='text'>")
.css("border-width","0")
.css("font-size","大小")
.width(tdObj.width())
.css("background-color",tdObj.css("background-color"))
.val(tdObj.html())
.appendTo(tdObj);</span>

    这就是链式调用，只定义一个对象，后面的方法都是直接拼接上去。.CSS是设置CSS样式，.width是设置宽度，.val是取值，.appendTo是添加到另外一个对象。

实例应用

选择器

$("p")选取全部<p>元素

$("p.main")选取所有包含class为main的<p>元素

$("#main")选取所有id为main的元素

$("#main > a ")选取所有id为main元素中的<a>标签

$("[href]")选取所有带href属性的元素

事件处理

事件处理也就是一些基本的事件，比如：

.click表示鼠标单击

.focus表示获得焦点

.mousedown表示鼠标落下

.keyup表示松开键盘

.ready表示DOM加载完成

动态特效

JQuery支持多种动态效果，比如：

$("#img").show(fast)表示以较快的速度淡入

$("#img").show(slow)表示以较慢的速度淡入

$("#img").hide(fast)表示以较快的速度淡出

$("#img").hide(slow)表示以较慢的速度淡出

$("#img").slideUp(fast)表示以较快的速度划出

$("#img").slideDown(slow)表示以较慢的速度消失

同样的各种效果可以添加参数，来决定动作的时间，以及动态效果之后的动作等。

总结

    最一开始学习B/S的时候，不能很好的把知识融会贯通，也无法结成网，所以后面的东西都是分散着学习的。学到JQuery突然发现，B/S最核心的其实是HTML，其他的一切都是给它服务的，比如JavaScript把网页做活，JQuery实现各种效果，AJAX服务于网页和服务器的沟通等等。这样几乎一下子就理解了这些所谓的新知识，我想这就是一个结网的过程吧。知识不是分散的，要结合起来去学习才会更轻松！