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

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样式

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;}

编写jquery代码

$(function(){

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

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

});

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

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

});

})

观察效果

使用text()方法获取标签内的内容

1、定义一个text

<input type='text' id='test'/>

2、通过id获取该text对象

var ipt = $('#test');//根据id获取input对象

3、使用val获取text的值

var v = iptval();//获取input的值

在一个php文件中可以定义一个变量，把数据库查询的值赋值给变量，

js中取值<%= php变量名%>

如果另外的页面要引用当前页面数据库取的值可以用jquery的$get,$post,$ajax方法

jQuery是控制和 *** 作select详解。

先看下面的html代码

<select id="test">

<option value="1">选项一<option>

<option value="2">选项一<option>

<option value="n">选项N<option>

</select>

所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：

//获取第一个option的值

$('#test option:first')val();

//最后一个option的值

$('#test option:last')val();

//获取第二个option的值

$('#test option:eq(1)')val();

//获取选中的值

$('#test')val();

$('#test option:selected')val();

//设置值为2的option为选中状态

$('#test')attr('value','2');

//设置最后一个option为选中

$('#test option:last')attr('selected','selected');

$("#test")attr('value' , $('#test option:last')val());

$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());

//获取select的长度

$('#test option')length;

//添加一个option

$("#test")append("<option value='n+1'>第N+1项</option>");

$("<option value='n+1'>第N+1项</option>")appendTo("#test");

//添除选中项

$('#test option:selected')remove();

//删除项选中(这里删除第一项)

$('#test option:first')remove();、

//指定值被删除

$('#test option')each(function(){

if( $(this)val() == '5'){

$(this)remove();

}

});

$('#test option[value=5]')remove();

//获取第一个Group的标签

$('#test optgroup:eq(0)')attr('label');

//获取第二group下面第一个option的值

$('#test optgroup:eq(1) : option:eq(0)')val();

jq可以直接使用$("div")获得所有div，但是如果要具体到一个div的话，需要给div一个标记，然后通过html就可以获取值了。

<div id="divId" class="divClass"> 内容 </div>

/jq 代码  jq选择器/

$("#divId")html();

$("divClass")html();

当已知文本框的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的内置的效果，比如淡入淡出、元素移除等动态特效。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，编写问题基础代码。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('tr')find('td:eq(0)')text());

3、浏览器运行indexhtml页面，此时成功取到了表格的第一页数据并打印。

// 这是取$("xxxx") 这个选择器选到的对象的value

$("xxxx")val();

// 这是向$("xxxx") 这个选择器选到的对象的value里赋值"test"

$("xxxx")val("test");

也就是说val();这个方法是双向的 能读数据能写数据

更多例子请看:>

这个规则适用很多方法

想系统学习jquery 请看:>

以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容，包括:怎么使用jquery获得标签的值或元素的内容、jquery如何获取text的值、用Jquery如何获取从数据库接收的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！