初识jquery(常用操作一)

前言：最近公司开发人员变动太大。我刚到项目组的时候12人，现在只有三人了。由于经理没有达到公司的要求，现在对我们项目组成员进行整编。由原来的12人变为6人，其余的6人去了别的项目组。更严重的是，从我以后来的新人都被一个个的开除了。到目前为此项目组，就只有三个人了，而且我是年青的。三个人，项目还是要继续开发，换了新的框架，又少不了精力的花费。不然下一个要离开的就是我了。前端一直是个大问题，所以这段时间好好的把前端的东西学习了一个。特做以下总结。

初识jquery，它就是一个库，一个封装了很多js方法的库，类似于java的封装（像一些框架等），让我们告别繁琐的开发方式。从这点来说，jquery做得是非常好的，对于方法的命名。jquery中对js、html、css处理得很非常的好，今天在此对核心部分进行总结。

1、jquery创建对象的方式一：当我们采用jquery进行操作时，获得都是jquery对象，不过很多开发人员也没有太在意这个对象，也可能是因为太熟悉，只要能完成相应的功能就可了。如执行

$("<div>aaa</did>")appendTo("body");后获得就是一个jquery对象，并把这个对象（div）添加到了body下面（body中元素的最后面）。
同样也可以为jquery对象添加属性等如，如：$("<input>").attr("type","button").attr("value","abc").appendTo("body");

这个应该不难理解。鄙人也是因为工作所需，没有办法才来学（听说jquery能实现js几乎所有的功能，所以就想到创建一个对象），个人觉得页面上使用jquey几乎可以替代纯javascript代码。在创建过程中不得不提一个问题就是创建对象写法，如：$("<div></div>")和$("<div>")，建议使用第一种写法。

2、jquery创建对象的方式二：当我们创建一个对象后，很有可能会添加一个属性和事件等。jquery也提供了另一种写法。如我们创建一个div对象

$("<div>",{
            id:"createdDiv",
            text:"click me",
            click:function(){
                $(this).toggleClass("test");
            }
}).appendTo("body");

这就是创建了一个对象后，赋于了id、文本值（text）以及一个onclick，然后添加到body中；当然也可 以添加到其他节点中（当然要这个节点中可以添加），比如添加到<td>中，如下：

$("<div>",{
            id:"createdDiv",
            text:"click me",
            click:function(){
                $(this).toggleClass("test");
            }
}).appendTo($("#td"));

则是添加<td>中。