ITPub博客

首页 > 大数据 > 数据分析 > jQuery - 获取内容和属性

jQuery - 获取内容和属性

原创 数据分析 作者:金木大大大 时间:2023-12-18 10:20:35 0 删除 编辑

  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());


  });


  http://www.jshk.com.cn/mb/reg.asp?kefu=xiaoding;//爬虫IP获取;


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


  实例


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


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


  });


  获取属性-attr()


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


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


  实例


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


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


  });


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70032566/viewspace-3000429/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2023-10-12

  • 博文量
    249
  • 访问量
    157736