怎么使用jquery获得标签的值或元素的内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么使用jquery获得标签的值或元素的内容相关的知识,希望对你有一定的参考价值。

怎么使用jquery获得标签的值或元素的内容?

    jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid").text();   // 首选,获取label的文本,$("label#userid").html();   // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。
    实例演示:

创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>


2设置css样式
div.boxwidth:300px;padding:20px;margin:20px;border:4px dashed #ccc;
div.box spancolor:#999;font-style:italic;
div.contentwidth:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;
h3display:inline-block;
input[type='button']height:30px;margin:10px;padding:5px 10px;


3编写jquery代码
$(function()
$("input:button.btn1").click(function()
alert($("label#userid").text());
);
$("input:button.btn2").click(function()
alert($("label#userid").html());
);
)

化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。

关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。

参考技术A $('#标签id').val() 可以用来获取标签的value值,比如 input 标签的value值可以用它获取;
$('#标签id').text()可以用来回去标签中间的文本,比如 <span>值1</span>就可以用它获取到值1;
$('#标签id').html() 可以用来获取标签中间的html内容,比如<div id="div1"><span>123</span></div>可以用$('#div1').html()获取到<span>123</span>;
$('#标签id').attr('属性名')可以用它来获取标签的指定属性的值,比如<a href="xxx.aspx">xxx</a>就可以用.attr('href')获取到xxx.aspx。本回答被提问者采纳
参考技术B jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid").text(); // 首选,获取label的文本
$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别

创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
设置css样式
div.boxwidth:300px;padding:20px;margin:20px;border:4px dashed #ccc;
div.box spancolor:#999;font-style:italic;
div.contentwidth:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;
h3display:inline-block;
input[type='button']height:30px;margin:10px;padding:5px 10px;
编写jquery代码
$(function()
$("input:button.btn1").click(function()
alert($("label#userid").text());
);
$("input:button.btn2").click(function()
alert($("label#userid").html());
);
)
观察效果
使用text()方法获取标签内的内容

jquery 怎么获取文本框输入的值

  这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现
  $("input#test").val(); // 推荐这种方式,因为id是唯一的
  $("input[name='test']").val(); // 此时需要注意是否有同名的input元素
  $("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的
  下面给出示例:
  创建一个文本框和一个触发获取文本框输入内容的按钮
  <input id="test" name="test" type="text"/><br>
  <input type="button" value="显示文本框输入内容">
  简单设置一下css样式
  input[type='text']width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;
  input[type='button']width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;
  添加jquery代码
  $(function()
  $("input:button").click(function()
  alert($("input#test").val());
  );
  )
参考技术A

当已知文本框的id属性时,<input type="text" id="userName">

方法一:var userName = $("#userName").attr("value");

方法二:var userName=$("userName").value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one").val();

拓展资料

作用是快速获取文档元素,jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果,jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

以上是关于怎么使用jquery获得标签的值或元素的内容的主要内容,如果未能解决你的问题,请参考以下文章

怎么使用jquery获得标签的值或元素的内容

Jquery 怎么只给点击的元素加个class

jquery怎么获取元素的value值

jquery怎么获取attribute的值

jquery里判断数组内是否包含了指定的值或元素的方法

jquery怎么获取当前标签下的子标签