酷科技-免费素材_软件_模板_源码下载_建站资源_源码论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

返回列表 发新帖 SEO优化此页关键词描述信息
查看: 229|回复: 0

jQuery-获取内容和属性

[复制链接]
jQuery 拥有可操作 HTML 元素和属性的强大方法。
jQuery DOM 操作
jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容

  • html() - 设置或返回所选元素的内容(包括 HTML 标记)

  • val() - 设置或返回表单字段的值

    下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
    实例
    $("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert("HTML: " + $("#test").html());});
    尝试一下 ?
    下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:
    实例
    $("#btn1").click(function(){alert("值为: " + $("#test").val());});
    xn3p5wtosef.jpg (84 KB, 下载次数: 0, 售价: 6 酷币)
  • DOM = Document Object Model(文档对象模型)
    DOM 定义访问 HTML 和 XML 文档的标准:
    "W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。"
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|小黑屋|手机版|Archiver|酷科技 ( 粤ICP备16006357号-6 )

    GMT+8, 2022-5-25 08:30 , Processed in 0.034813 second(s), 33 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表