怎么使用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样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

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

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

$('span')click(function(){

alert($(this)parent()prop('id')); //d出你点击的数字对应li的id

})

首先你要获取文本框

2个span

的id或者样式：

$(function(){

var

Txt=$("文本框的样式或者id");

var

Span1=$("span1的样式或者id");

var

Span2=$("span2的样式或者id");

Txtclick(function(){

//点击文本框就判断文本框下的span1等于显示就隐藏span1然后显示span2

if(Span1css("display")=="block"){

Span1css("display“,"none");

Span2css("display","block");

}

//如果你还要在点击就显示span1隐藏span2

else{

Span1css("display“,"block");

Span2css("display","none");

}

});

});

span是最简单的容器，可以当作一个形式标签，其取值赋值方法有别于一般的页面元素。

//赋值$("#spanid")html(value)//取值$("#spanid")text()

内容拓展：

一、jQuery

1、jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

2、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的J&ouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

3、由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

二、SPAN技术

1、主要是用来监控交换机上的数据流，大体分为两种类型，本地SPAN和远程SPAN ----Local Switched Port Analyzer (SPAN) and Remote SPAN (RSPAN)，实现方法上稍有不同。

2、利用SPAN技术我们可以把交换机上某些想要被监控端口(以下简称受控端口)的数据流COPY或MIRROR一 份，发送给连接在监控端口上的流量分析仪，比如CISCO的IDS或是装了SNIFFER工具的PC 受控端口和 监控端口可以在同一台交换机上(本地SPAN)，也可以在不同的交换机上(远程SPAN)。

1、获取第一个子元素有如下方法：

（1）:first

举：$('divone:first')，获取所有class="one"的div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。

（2）:first-child

如：$('divone:first-child')，获取所有class="one"的div的第一个子元素，注意是“所有”，意思是说，如果这个div有多外，那么获取的第一个子元素也是有多个。

（3）使用eq()方法

如：$('divone > span:eq(1)'),获取class="one"下的div的第一个span子元素，同（2）一样，也是有多个div也是获取多个div的第一个元素。

可以通过获取id，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

本文实例讲述了jQuery获得子元素个数的方法。分享给大家供大家参考。具体分析如下：

//获取id=div1下的子元素的个数

$('#div1')children()length;

//获取id=div1下的span元素个数

$('#div1')children('span')length;

希望本文所述对大家的jQuery程序设计有所帮助。

以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容，包括:怎么使用jquery获得标签的值或元素的内容、HTML JQUERY 通过span内容获得span的id、Jquery实现两个span隐藏和显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！