通过本文主要向大家介绍了jQuery,DOM操作等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
呃,貌似是广告哈?呵呵,不过的确是这样,jQuery为我们提供了丰富的DOM操作方法,使这些复杂的DOM操作变得简单。
继上一回写jQuery的笔记貌似已经过去很长时间了,这一节也确实有必要写一下了,呵呵,Let's Go~
操作属性:
之前,我们说过.addClass()及.removeClass()方法,更改的其实也是DOM的属性:className。
说到这就得再提一下,为啥元素的类名叫做className而不是直接叫class,因为class是js的保留字。嗯。
那么除了class,DOM元素的其它属性,如:id、rel及href之类的,对于这些属性我们咋操作?
别急,jQuery提供了.attr()和.removeAttr()方法。
甚至,你也可以用这两个方法来替代.class()方法——如果你想给自己找点麻烦的话,呵呵。。
下面,让我们把红色的字,变成绿色的,而且,我喜欢GOOGLE,但是有一些人喜欢百度,那么好,让我们选择自己喜欢的。
jQuery 更改元素属性实例
这里有个超链接,超链接的地址为百度
点击这个按钮,让百度变GOOGLE,再点一下就让它再变回百度
这里有几个字,字的颜色呢,是红色的,我是红色,我是红色
点击这个按钮,让红色变绿色
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码打包下载
继上一回写jQuery的笔记貌似已经过去很长时间了,这一节也确实有必要写一下了,呵呵,Let's Go~
操作属性:
之前,我们说过.addClass()及.removeClass()方法,更改的其实也是DOM的属性:className。
说到这就得再提一下,为啥元素的类名叫做className而不是直接叫class,因为class是js的保留字。嗯。
那么除了class,DOM元素的其它属性,如:id、rel及href之类的,对于这些属性我们咋操作?
别急,jQuery提供了.attr()和.removeAttr()方法。
甚至,你也可以用这两个方法来替代.class()方法——如果你想给自己找点麻烦的话,呵呵。。
下面,让我们把红色的字,变成绿色的,而且,我喜欢GOOGLE,但是有一些人喜欢百度,那么好,让我们选择自己喜欢的。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码打包下载