jQuery基础

最新推荐文章于 2025-04-20 17:56:16 发布

retreatweb

最新推荐文章于 2025-04-20 17:56:16 发布

阅读量150

点赞数

分类专栏： HTML/CSS javascript

本文链接：https://blog.youkuaiyun.com/u010449115/article/details/78578660

版权

HTML/CSS 同时被 2 个专栏收录

6 篇文章

订阅专栏

javascript

6 篇文章

订阅专栏

本文介绍jQuery框架中常用的方法，包括val()方法获取表单输入值、html()方法获取元素及其子元素的完整内容以及text()方法获取纯文本内容。通过实例展示了如何使用这些方法来操作HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery是一个javascript的框架，是对javascript的一种封装。通过JQuery可以非常方便的操作html的元素。

jQuery常见的方法

JQuery对象的val()方法获取值

<script src="http://how2j.cn/study/jquery.min.js"></script>

<script>
$(function(){
   $("#b1").click(function(){
      alert($("#input1").val());
   });
});

</script>

<button id="b1">取值</button>

<br>
<br>

<input type="text" id="input1" value="默认值">

html() 获取元素内容

通过html() 获取元素内容,如果有子元素，保留标签。

<script>
$(function(){
   $("#b1").click(function(){
      alert($("#d1").html());
   });
});

</script>

<button id="b1">获取文本内容</button>

<br>
<br>

<div id="d1">
这是div的内容
<span>这是div里的span
</span>
</div>

text() 获取元素内容
通过text() 获取元素内容,如果有子元素，不包含标签。

<script>
$(function(){
   $("#b1").click(function(){
      alert($("#d1").text());
   });
});

</script>

<button id="b1">获取文本内容</button>

<br>
<br>

<div id="d1">
这是div的内容
<span>这是div里的span
</span>
</div>