jQuery捕获

最新推荐文章于 2021-08-27 13:47:28 发布
最新推荐文章于 2021-08-27 13:47:28 发布
阅读量127 收藏
点赞数

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标记）
  • val() - 设置或返回表单字段的值

下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

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

    alert("Text: " + $("#test").text());

  });

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

    alert("HTML: " + $("#test").html());

  });

});

</script>

</head>

 

<body>

<p id="test">这是段落中的 <b>粗体</b> 文本。</p>

<button id="btn1">显示文本</button>

<button id="btn2">显示 HTML</button>

</body>

</html>

 

 

 

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

 

<!DOCTYPE html>

<html>

<meta charset="utf-8">

<head>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

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

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

  });

});

</script>

</head>

 

<body>

<p>名称: <input type="text" id="test" value=""></p>

<button>显示值</button>

</body>

</html>

 

 

获取属性 - attr()

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

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

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

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

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

  });

});

</script>

</head>

<body>

<p><a href=" https://tieba.baidu.com/index.html" id="runoob">百度贴吧</a></p>

<button>显示 href 属性的值</button>

</body>

</html>

smokg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery（方法,捕获与设置）
qq_44012757的博客
09-30 457
常用jQuery事件方法 (1)$(document).ready() (document).ready()允许我们在文档完全加载完后执行函数等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(function(){}) (2)clicl() clicl()方法当按钮点击事件被触发的时候会调用一个函数，该函数在用户点击HTML元素的时候会执行 (3)blur() 失去焦点时触发，一般在input输入框
jquery捕获鼠标事件提示特效代码
03-20
标题中的“jQuery捕获鼠标事件提示特效代码”指的是利用JavaScript库jQuery来实现一种交互效果，当用户在网页上移动鼠标时，会显示一些提示信息。这个特效通常用于增强用户体验，帮助用户更好地理解页面元素的功能...
jQuery - 获得内容和属性
cms专家
02-22 411
获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容： 实例 $("#btn1").
jQuery 捕获
weixin_34261415的博客
10-23 73
jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： "W3...
jQuery 捕获/设置 内容和属性
个人成长记录
01-06 201
捕获 设置 val() $('#txtBox').val() $('#txtBox').val('我是个box') text() $('#txtBox').text() $('#txtBox').text('这是个box') html() $('#txtBox').html() $('#...
jquery捕获
浪漫韫秋
06-30 669
jquery-获取内容和属性 jquery拥有可操作HTML元素和属性的强大方法。 jquery dom 操作 jquery当中非常重要的部分，就是操作DOM的能力。 jquery提供了一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。 DOM= document object model (文档对象模型) dom 定义访问html和xml文档的标准: w3c文档对象...
jquery捕获鼠标事件提示.zip
07-04
<title>jQuery捕获鼠标事件提示 <script src="https://code.jquery.com/jquery-3.x.min.js"></script> <!-- HTML 内容区 --> <script src="js/main.js"></script> ``` 接下来，重点在于`js/main.js`文件，...
sjqzhang#webtech#jQuery 捕获1
07-25
三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML
基于jQuery捕获超链接事件进行局部刷新代码
01-19
核心代码: 代码如下: <... <head> <... charset=UTF-8″> <title>A Click Event Test</title> [removed][removed] [removed] $(function(){ /* 点击事件会在超链接跳转前发生 */ $(“#div_test...
jQuery学习之HTML 捕获
qq_43264596的博客
11-07 265
一、捕获 注意text（）方法要加括号！ $("#btn1").click(function(){ //点击按钮获取P元素中的内容 alert("text:"+$("#text").text()); }); $("#btn1").click(function(){ //点击按钮获取HTML的内容 alert("text:"+$("#text").html()); });
jquery点击事件捕获
06-14 888
最近做个小功能仿ECSHOP，动态改变某个dom内容，然后ajax提交保存。不用像平常那样修改个表还需要进入到修改页面然后点击保存。 整体思路不难，假如原来是span或h3，a等标签，点击之后获取内容，然后新增一个input标签，并把value值赋给input。修改完内容之后，input标签blur事件出发之后做正则判断，然后ajax提交后台。成功则把新value值赋给原先的...
5-jQuery-捕获
qq_44790423的博客
03-02 113
jQuery 捕获 DOM 操作 获取内容和属性，jQuery 拥有可操作 HTML 元素和属性的强大方法。 DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准："W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。 获取内容 text() html() val() text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（
jQuery学习二-捕获
qq_34390576的博客
10-14 247
这里简单说一下jQuery的捕获，jQuery可以通过.text() , .html() , .val() , .attr()来获取内容 下面来通过代码来进行说明。布局代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <script src="jquery
2020-10-06
Futaki_kanata的博客
10-06 378
捕获与设置 Js获取文本内容：innerText，innerHtml，textContent 动画 Animate（）有三个参数，第一个参数就是你要改变的样式，第二个参数是显示的速度（“fast”，“slow”，毫秒数），第三个是回调函数 Text（） 捕获文本内容，等价于innerText 更改文本的内容 Html（） 获取元素的内容，包括设置的样式 更改内容样式 Val（） 获取或者设置value值 属性attr 获取或更改元素的属性值 元素...
jQuery捕获、设置(查/改)
The_Road_of_Java的博客
08-27 139
jQuery操作DOM jQuery捕获 text()方法，设置或返回所选元素的文本内容 html()方法，设置或返回所选元素的内容，包括内容里面的html标签 val()方法，设置或返回表单字段的值 attr()方法，获取元素的属性值，无论是标签固有属性还是自定义的属性都能获取(标签的固有属性：标签自身携带的属性，就是W3C标准里面包含的，也可以说IDE里智能提示出来的；自定义属性：W3C里面不包含的，你自己定义的属性) prop()方法，获取元素的属性值，和attr()用法一致，只能获取标签的固有属性
jQuery捕获与设置
weixin_56709347的博客
05-11 144
捕获与设置 （1）text() 有值是修改 捕获文本内容，等价于innerText。 <body> <p id="p1">我要捕获</p> </body> <script type="text/javascript"> $("#p1").text("改了！") </script> （2）html() <body> <p id="p1">我要<span style="color: red">捕获&l
jquery 的捕捉（针对 元素，属性的替换和修改）
weixin_42617075的博客
08-23 1244
body(使用前，首先先将 jQuery.js文件导入进去，在创建自己的.js文件我是自己创建的js 文件 （setting.js文件） ) &lt;script src="jquery.min.js"&gt;&lt;/script&gt; &lt;script src="setting.js"&gt;&lt;/script&gt; &lt;body&gt; &lt;!-
Jquery post请求报错捕获
最新发布
05-25
如果您在使用 jQuery 发送 POST 请求时遇到了错误，您可以通过以下方式捕获和处理它： 1. 使用 `$.ajax()` 函数发送 POST 请求，并在其中添加 `error` 回调函数来捕获错误。例如： ```javascript $.ajax({ url: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值