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

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

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

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

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

$('body')append($('div')text());

$('body')append($('input')val());

3、浏览器运行indexhtml页面,此时通过jquery获取到了div元素中的内容和input标签的值。

jquery获取html文件的某个标签的值可以先用选择器,再调用val方法:

1、html代码如下:

<div id ="sa">

<div class="something">Hello world</div>

<div class="formdiv">

<form name="inpForm">

<input type="text" name="FirstName" />

<input type="submit" value="Submit" />

</form>

</div>

</div>

2、用jquery选择器获取标签的值:

var text = $('#sa')find('input[name="FirstName"]')val();

3、获取到FirstName的值:

zhangsan

根据你在源码看到的结构

例如目标元素是 <div class="abc"> </div> 的内容的话

在 <script> 里先把 DOM ready 好,写法如下

<script>

$(document)ready(function() {

// 在 ready 好的 function 里把 HTML 获取,目标是 div class="abc"

var myhtml = $('divabc')html();

// 可以 alert 出来看

alert(myhtml);

});

以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容,包括:怎么使用jquery获得标签的值或元素的内容、jquery怎么获取html文件的某个标签的值、Jquery 如何获取站点内指定静态页面的Html代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9664928.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存