jQuery - 获取内容和属性

44 阅读1分钟

  jQuery拥有可操作HTML元素和属性的强大方法。

  jQuery DOM操作

  jQuery中非常重要的部分,就是操作DOM的能力。

  jQuery提供一系列与DOM相关的方法,这使访问和操作元素和属性变得很容易。

  lamp DOM=Document Object Model(文档对象模型)

  DOM定义访问HTML和XML文档的标准:

  "W3C文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。"

  获得内容-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());

  });

  www.jshk.com.cn/mb/reg.asp?…

  下面的例子演示如何通过jQuery val()方法获得输入字段的值:

  实例

  $("#btn1").click(function(){

  alert("值为:"+$("#test").val());

  });

  获取属性-attr()

  jQuery attr()方法用于获取属性值。

  下面的例子演示如何获得链接中href属性的值:

  实例

  $("button").click(function(){

  alert($("#runoob").attr("href"));

  });

jQuery - 获取内容和属性.png