怎么使用jquery获得标签的值或元素的内容
2018-01-19 09:26
483 查看
$('#标签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。
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.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{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:button.btn1").click(function() {alert($("label#userid").text());});$("input:button.btn2").click(function() {alert($("label#userid").html());});})观察效果使用text()方法获取标签内的内容
相关文章推荐
- 怎么使用jquery获得标签的值或元素的内容
- 怎么使用jquery获得标签元素名
- 在jquery中怎么使用css 类名和id 来获得元素
- jquery 使用each 遍历标签元素,修改标签内容
- JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
- 怎么使用jquery的ajax和getJSON函数连接Declicious网站获得漂亮书签的个数
- 使用jQuery内容过滤选择器选择元素
- 如何使用jQuery去掉指定标签里所有文字内容对应的链接,即去掉<a>标签
- Jquery实现多层元素点击结果叠加效果_获取标签内容_叠加实例
- jquery之设置元素内容(克隆元素,使用clone()方法)
- 使用Dom以及JQuery两者的转换达成无Id的标签的内容获取
- jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
- 关于使用jQuery - 获得内容和属性的心得
- jQuery使用after()方法在元素后面添加多项内容的方法
- jquery之管理包装元素集合(筛选元素包装集之整理包装集的内容,not()方法与filter()方法的使用)
- jquery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- 使用jQuery内容过滤选择器选择元素实例讲解
- jquery之利用ajax与服务器交谈(加载内容到元素上之利用jquery加载内容,使用load()方法)
- 在Action中查询出SQL SERVER表的数据,返回一个list。怎么在JSP页面中使用Struts标签,显示出表中的内容?(转)
- jquery使用选择器获得要操作的元素