首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

GBin1在线实例帮助你更好的了解jQuery功能特性(三)

GBin1在线实例帮助你更好的了解jQuery功能特性

今天我们继续介绍第三部分,如果你没有阅读前面文章,请点击如下地址查看:

jQuery DOM操作,循环和过滤

使用jQuery最大的好处在于帮助你迅速找到页面中的任何元素,并且可以循环或者过滤结果。下面我们介绍jQuery开发中大家经常使用的一些方法:

使用$.each()和.each() 方法

$.each()方法是jQuery的一般性方法用来处理javascript对象或者数组。而.each()方法用来处理jQuery的自有对象。

使用$.each()方法: 

使用.each()方法

使用$.data(),.data(),$.hasData()和 $.removeData()方法

我们可以使用data方法来绑定数据到DOM元素,也可以删除,判断是否存在:

HTMl5中我们大量使用data-tag标签,帮助我们快速的将数据绑定到标签上,在jQuery中,也提供了对应的方法data()来帮助我们快速实现类似功能: 

标签: jQuery代码大全, jQuery在线实例, jQuery在线演示, jQuery功能演示

阅读更多

GBin1在线实例帮助你更好的了解jQuery功能特性(二)

GBin1在线实例帮助你更好的了解jQuery功能特性 

今天我们继续介绍jQuery的功能特性,如果你错过了第一篇,请这里阅读

jQuery DOM操作 

jQuery的一个特长之一是帮助你有效果的进行DOM(Document object model)操作。DOM是你能看到的web应用中的所有元素,包括图片,容器元素,链接,视频等等。

通常我们在DOM加载完毕后来处理各种事件和元素,用来生成独特的效果。以下我们介绍几个非常有用的方法:

使用.clone()方法

jQuery的clone()方法可以快速的帮助我们根据一个元素快速生成另外一个元素的拷贝,相信大家在我们的ajax方法介绍中看到过我们如何使用clone方法来生成一个新的元素,以便使用.live()方法来绑定动态元素。

注意,你同样可以使用clone()方法来拷贝绑定在元素上的事件,非常实用的方法。

使用.html(),.Text()和.empty()方法

.html()方法恐怕是大家最熟悉的方法了,它能够帮助你设置或者取得特定标签中的内容。如果你只需要设置或者取得文本而非标签的,你可以考虑使用.text方法。这个方法将会返回一个字符串。

需要注意的是,这些方法都是浏览器相关的,所以得到的结果将取决于你使用的浏览器。…

标签: jQuery代码大全, jQuery在线实例, jQuery在线演示, jQuery功能演示

阅读更多

GBin1在线实例帮助你更好的了解jQuery功能特性(一)

GBin1在线实例帮助你更好的了解jQuery功能特性

最受欢迎的javascript框架 - jQuery 

你不得不承认,最近几年jQuery在前台开发类库中脱颖而出,越来越流行,只要你做web相关应用或者网站开发,肯定或多或少的使用过相关的功能。在最近的Google趋势中,我们可以看到自从2008年开始,jQuery类库的使用呈现几何级别的增长,远远的将其它JS类库甩在后面,有图为证:

js类库的google趋势 

事实上,jQuery已经成了最流行的桌面javascript类库。而且随着jQuery Mobile的发布,在移动端也必将展现强大的开发实力。

使得jQuery如此流行的一个重要的原因在于开发社区的推广,数以千记的开发人员都参与jQuery的创新开发,使得jQuery的功能越来越强大,实现的特效也越来越炫,插件的开发更使得jQuery开发展现出百家争鸣的气势,很多jQuery的顶级开发者使得jQuery成就了今天的巨大成功。

在今天的这篇文章中,我们将实例介绍jQuery的主要功能,同时提供演示,代码和在线调试,希望能够帮助大家实际理解和学习jQuery的功能。

 

这里使用jsfiddle来运行演示,你可以方便的查看,javascript,CSS,HTML代码,并且可以在线调试

 

jQuery处理CSS

使用.css()方法 

使用jQuery处理CSS非常方便,能够帮助你动态的实现界面的设计,比如,实现斑马线效果,在jQuery中我们使用.css方法来处理CSS相关的操作,例如,字体,颜色,位置等等。

标签: jQuery代码大全, jQuery在线实例, jQuery在线演示, jQuery功能演示

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐