JS和JQ中获取标签里的内容方法总结

最新推荐文章于 2022-04-05 16:14:08 发布

haima2416

最新推荐文章于 2022-04-05 16:14:08 发布

阅读量1.3w

点赞数 2

分类专栏： jQuery JS

本文链接：https://blog.csdn.net/u010924692/article/details/78256349

版权

jQuery 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

14 篇文章 0 订阅

订阅专栏

JQ获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
参考:http://www.runoob.com/jquery/jquery-dom-get.html
1、获取input标签的值，方法：

 根据input的name或者id获取其值，假如有：<input type='text' id='name' value=123>
 JQ中获取方法：$("#name").val();
2、获取input标签的属性内容，方法：
 如有：<input type='text' id='name' value=123 ind='1'>
要获取ind的值，方法：
$("#name").attr("ind");

3.把获取的JQ对象转成dom对象,用dom对象的方式获取

$("#name")[0].value;

=========================================================

JS获取内容的方法

<body>
<input type="button" name="" value="添加li">
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
</ul>
</body>

 <input type="text" name="" value="abc123">

 var ul=document.getElementsByTagName('input')[0];  //先选中input标签

方法一:

var ul.value; //  获取input里的value值

方法二:

$("ul").val(); //把ul里的dom对象转成JQ对象,用JQ里的获取方法
//2、获取select 下option里标签的值，方法：

例:

<body>
    <p>
      <select id="con">
	 <option value="SF">顺丰</option>

      <option value="YTO">圆通</option>
      <option value="STO">申通</option>
      <option value="ZTO">中通</option>
      <option value="YD">韵达</option>
    </select>
</p>

</body>
<script type="text/javascript">

//获取select 下option里标签的值
var con = document.getElementById('con').value; </script>

haima2416

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS和JQ中获取标签里的内容方法总结

$("#name")[0].value; ========================================================= JS获取内容的方法

<body> <input type="button" name="" value="添加li"> <ul> <li>春</li> <li>夏</li> <li>秋</li> </ul> </body>

$("#name")[0].value;

=========================================================
JS获取内容的方法

<body>
<input type="button" name="" value="添加li">
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
</ul>
</body>