`

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

阅读更多

日期:2012-6-21  来源:GBin1.com

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方法。这个方法将会返回一个字符串。

需要注意的是,这些方法都是浏览器相关的,所以得到的结果将取决于你使用的浏览器。 .empty()方法帮助你快速的删除内容。

 

使用.append(),prepend(),after()和.before()方法

这几个方法都是非常常用的jQuery方法,用来帮助你添加元素到不同的位置,其中:

append方法添加内容到当前元素内部的最后部分,preprend()添加内容到元素内部的最前部分。after添加内容到当前元素外的后面,before添加内容到当前元素外部前面,如下:

 

使用jQuery的AJAX方法

使用jQuery的AJAX相关方法可以快速的执行ajax功能,如果大家有兴趣了解jQuery的相关方法,请参考我们的jQuery ajax教程:jQuery类库新手使用指南之AJAX方法

...........

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

分享到:
评论

相关推荐

    使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

    在将GBin1博客网站转化为Mobile版本时,我们遵循【设计原则】:尽量保持同一套代码以降低维护成本。利用SiteMesh布局库,GBin1网站实现了模板化,使得内容和样式分离。这意味着我们可以直接复用现有页面内容,只需...

    另外一款超棒的响应式布局jQuery插件 – Freetile.js

    标签“源码”意味着你可以查看和修改Freetile.js的源代码以满足特定需求或进行二次开发。对于喜欢探索和优化的人来说,这是一个很好的机会。另一方面,“工具”标签表明Freetile.js是一个实用的开发辅助工具,可以...

    推荐11款jQuery开发的复选框和单选框美化插件

    作者:Chris Spooner翻译:Terry li – GBin1.com英文: jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的,因为不同的浏览器及其操作系统对于...

    如何使用jQuery来处理图片坏链具体实现步骤

    gbin1</title> <meta charset=utf-8 /> [removed] </body> </html> 运行这个页面大家会看到一个坏掉的图。 第二部:是一个JavaScript,它的功能是:如果图片坏掉了,就弹出一个出错提示: ...

    gstreamer之playbin2 aac 音频播放流程

    首先,Playbin2的引入是为了替代早期的playbin,因为它提供了更稳定和维护更新的特性。在最新的版本中,Playbin已经升级到playbin3,采用了decodebin3作为解码器,而playbin2则使用decodebin2。这两个版本之间的主要...

    日历JS控件

    7. **HTML结构**:`gbin1schedule.htm`可能是示例页面的源代码,其中定义了日历控件的HTML结构。日历通常由一个容器元素和一系列表示日期的子元素组成,每个子元素可能包含附加的属性或类名,用于在JavaScript中识别...

    使用java的html解析器实现自动重复抓取任意网站页面.pdf

    Document doc = Jsoup.connect("http://www.gbin1.com/portfolio/latest.html").timeout(0).get(); Elements items = doc.select(".includeitem"); for (Element item : items) { Elements links = item.select("a...

    bin2c.exe(Bin2c.exe是一个可将bmp格式图片转换为C代码数组的工具.RAR)

    《使用Bin2c.exe将BMP图片转换为C语言代码数组》 在计算机编程中,有时我们需要在程序中直接嵌入图像数据,特别是在...通过理解BMP格式、C语言数组和使用Bin2c.exe的步骤,开发者能够更好地实现图像数据的嵌入式处理。

    PLC编程指令0001.pdf

    1. GRY(灰度)、GBIN(灰度到二进制)、RD3A(读3A模块)、WR3A(写3A模块):处理特定外围设备的读写操作。 十五、接点比较指令: 1. LD=(S1)=(S2):比较两个接点状态是否相等,用于逻辑判断。 以上指令涵盖...

    HTML5 Boilerplate

    HTML5 Boilerplate 是一个... 当然这里还有别的HTML5/CSS框架,你可以针对你具体需要使用 ,例如,wordpress上面的开发,参考这个文章: http://www.gbin1.com/technology/html/2011111010handyhtml5css3frameworks/

    三菱PLC指令

    INCBIN:二进制加1指令,执行二进制加1运算。 DECBIN:二进制减1指令,执行二进制减1运算。 WAND:逻辑与指令,执行逻辑与运算。 WOR:逻辑或指令,执行逻辑或运算。 WXOR:逻辑异或指令,执行逻辑异或运算。 ...

    PLC编程指令[文].pdf

    外围设备指令如灰度(170GRY)和二进制转换(171GBIN),以及读写3A模块(176RD3A/177WR3A),用于与特定硬件的交互。 接点比较指令(224~246)提供了多种逻辑比较操作,便于构建复杂的逻辑控制。 总的来说,...

    HTML5中的nav标签学习笔记

    HTML5中的`<nav>`标签是...正确地使用它,可以帮助用户更轻松地浏览网站,同时也能使搜索引擎和辅助技术更好地理解页面内容的组织结构。在构建网站时,应根据页面的需求合理地部署`<nav>`标签,以实现最佳的用户体验。

    titanium-d1-kickstart.6.1.1

    titanium-d1-kickstart.6.1.1.gbin 强大的思科模拟器

    VIM实现文件快速跳转插件详解

    1. **快速定义命令**:通过一行配置,用户可以轻松绑定目录与自定义命令。 2. **文件名补全**:输入部分文件名后,按 Tab 键可以快速补全,提高输入效率。 3. **自定义打开模式**:支持通过不同的 Vim 命令以不同的...

    VELDT-info:VELDT数据表和文档

    VELDT的主要功能组件是:: FNC 引脚类型银行差分对ICE40UP-5K-SG48 IOB_0a DPIO 2个TRUE_of_IOB_1b 46 IOB_2a DPIO 2个TRUE_of_IOB_3b 47 IOB_3b_G6 DPIO / GBIN 2个COMP_of_IOB_2a 44 IOB_4a DPIO 2个TRUE_of_IOB...

    err-backend-tox:这是errbot的TOX后端

    这是err( )2.3.0-rc3或更高版本的TOX( )的后端。 由于撰写本文时,python绑定与核心.so不同步。 如果您有不一致之处,请尝试更早地同步和编译这2个依赖项。 安装 git checkout ...

    err-storage-sql:用于SQL数据库的Errbot存储插件

    errbotSQL存储插件 关于 是一个python chatbot,此存储... BOT_EXTRA_STORAGE_PLUGINS_DIR = '/home/gbin/err-storage' STORAGE = 'SQL' STORAGE_CONFIG = { 'data_url' : 'postgresql://scott:tiger@localhost/tes

    GContainer:一个基于GObject的库,提供通用的容器接口。-开源

    一个提供GContainerable和GChildable接口的小库,与GtkContainer和GtkWidget关系兼容。 提供了它们的基本实现(GContainer和GChild)和一个自定义实现(GBin),可用作基类和实现示例。

Global site tag (gtag.js) - Google Analytics