博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery:JQuery捕获HTML
阅读量:6339 次
发布时间:2019-06-22

本文共 1077 字,大约阅读时间需要 3 分钟。

JQuery:捕获HTML

1、jQuery - 获取内容和属性
介绍:
  jQuery 拥有可操作 HTML 元素和属性的强大方法。
  jQuery 中非常重要的部分,就是操作 DOM 的能力。
  jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
方法:
1.1 获得内容 - text()、html() 以及 val()
  三个简单实用的用于 DOM 操作的 jQuery 方法:
  text() - 设置或返回所选元素的文本内容
  html() - 设置或返回所选元素的内容(包括 HTML 标记)
  val() - 设置或返回表单字段的值
实例1:下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
代码如下:

    
JQuery的使用!!!

这是段落中的 斜体 文本。

 

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

  $("#btn1").click(function(){
    alert("值为: " + $("#test").val());
  });
代码如下:

    
JQuery的使用!!!

名称:

1.2 获取属性 - attr()

  jQuery attr() 方法用于获取属性值。
  下面的例子演示如何获得链接中 href 属性的值:
  $("button").click(function(){
    alert($("#runoob").attr("href"));
  });
代码如下:

    
JQuery的使用!!!

href

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5886396.html
,如需转载请自行联系原作者
你可能感兴趣的文章
[求助] win7 x64 封装 出现 Administrator.xxxxx 的问题
查看>>
人类投资经理再也无法击败电脑的时代终将到来了...
查看>>
一个最小手势库的实现
查看>>
HoloLens开发手记 - Vuforia开发概述 Vuforia development overview
查看>>
Android支付之支付宝封装类
查看>>
<亲测>CentOS中yum安装ffmpeg
查看>>
【分享】马化腾:产品设计与用户体验
查看>>
【机器学习PAI实践十】深度学习Caffe框架实现图像分类的模型训练
查看>>
全智慧的网络:思科十年来最具颠覆性的创新
查看>>
怎样将现有应用迁移到 VMware NSX
查看>>
赛门铁克收购以色列移动安全初创公司Skycure 旨在构建网络安全防御平台
查看>>
《Photoshop蒙版与合成(第2版)》目录—导读
查看>>
“最佳人气奖”出炉!4月27号,谁能拿到阿里聚安全算法挑战赛的桂冠?
查看>>
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.6 图层与图层样式...
查看>>
《iOS组件与框架——iOS SDK高级特性剖析》——第2章,第2.7节获取线路
查看>>
Spring中 @Autowired标签与 @Resource标签 的区别
查看>>
人工智能凭什么毁灭人类
查看>>
今天的学习
查看>>
面试必问之JVM原理
查看>>
mysql主主同步+Keepalived
查看>>