初识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>中。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值