jQuery Html控件基础操作教程

本篇文章主要介绍了jQuery HTML控件的基本操作，针对的是JavaScript库jQuery 1.3.2版本。jQuery是一种广泛使用的JavaScript框架，它简化了DOM（文档对象模型）操作，使得在网页上动态添加、修改和删除HTML元素变得非常便捷。以下内容涵盖了文本框和span元素的常见操作。 1. **文本框（Input Text）操作** - **获取文本框值**: 使用`$("#txtNum").val()`方法，当点击按钮"btnTextGet"时，会弹出一个警告框显示文本框"txtNum"中的当前值。这是通过读取`value`属性实现的。 - **设置文本框值**: 文本框的值可以通过`.attr("value", '新值')`或`.val('新值')`方法进行设置。这里示例中，"btnTextSet"按钮用于将文本框值设为"123456"。 2. **Span元素操作** - **给span赋值**: 使用`.html('新内容')`方法，当点击"btnSpanSet"按钮时，会改变span标签"spanId"的内容为"大家好"。 - **获取span内容**: 同样地，通过`.html()`方法获取span标签的内容，当点击"btnSpanGet"按钮时，会弹出一个警告框显示"spanId"的当前HTML内容。 这些操作展示了如何使用jQuery对HTML元素进行基本的动态控制，如读取和修改输入框和span元素的内容，这对于前端开发人员来说是非常实用的基础技能。通过这些简单的示例，新手可以快速掌握如何利用jQuery进行页面元素的交互和数据绑定，提升网页的交互性和用户体验。文章还提到了两个不同版本的jQuery引入方式，一个是直接引用本地文件，另一个是使用CDN（内容分发网络），后者更推荐，因为能有效减少加载时间。