jquery随笔--获取控件的值

最新推荐文章于 2021-12-09 17:43:02 发布

wang_xu_xiang

最新推荐文章于 2021-12-09 17:43:02 发布

阅读量580

点赞数

分类专栏： jQuery 文章标签： jQuery 获取控件的值

本文链接：https://blog.csdn.net/wang_xu_xiang/article/details/9128813

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
//通过text()获取P标签的值
$("#but1").click(function(){
    alert($("p").text());
});
//通过val()获取P标签的值
$("#but2").click(function(){
      alert($("p").val());
});
//通过html()获取P标签的值
$("#but3").click(function(){
      alert($("p").html());
});
   //通过text()获取输入框的值
$("#but4").click(function(){
    alert($("input").text());
});
//通过val()获取输入框的值
$("#but5").click(function(){
      alert($("input").val());
});
//通过html()获取输入框的值
$("#but6").click(function(){
      alert($("input").html());
});
$("#but7").click(function(){
      alert($("a").attr("href"));
});
});
</script>
</head>
<body>
<form action="">
<p>这是段落中的<b>粗体</b>文本。</p>
<button id="but1">通过text()获取值</button>
<button id="but2">通过val()获取值</button>
<button id="but3">通过html()获取值</button><br><br>
<input type="text" value="这是输入框中的<b>粗体</b>文本。"><br><br>
<button id="but4">通过text()获取值</button>
<button id="but5">通过val()获取值</button>
<button id="but6">通过html()获取值</button><br>
<p><a href="http://www.baidu.com" id="w3s">baidu.com</a></p>
<button id="but7">显示 href 值</button>
<p></p>
</form>
</body>
</html>

wang_xu_xiang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery随笔--获取控件的值

$(document).ready(function(){//通过text()获取P标签的值 $("#but1").click(function(){ alert($("p").text()); }); //通过val()获取P标签的值 $("#but2").click(function(){ alert($("p").val()); })
复制链接

扫一扫

专栏目录