学习jQuery(2)

学习jQuery(2)

jquery中获取对象内容的方法主要有3种，分别是html()、text()、val()。

   obj.html()：获取对象包裹的所有html内容，相当于innerHTML。

   obj.text()：获取对象中所有的文本内容，不包含html标签。一般用于div、p、span等没有value属性的元素，相当于innerText。

   obj.val()：获取对象的value的值。获取的是选择对象的第一个元素的value值。当然该属性并不局限于只有value的元素，对于表单元素都适合。

实验：实现显示输入内容如图所示

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>输入显示</title>
<script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
<input type="text" id="put">
<p id="one"></p>
<script type="text/javascript">
$(document).ready(function () {
$("#put").keyup(function(){
$("#one").html($("#put").val())
})
})
</script>
</body>
</html>

 

完整的 key press 过程分为两个部分，按键被按下，然后按键被松开并复位。

当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。

keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

参考：https://blog.csdn.net/mafan121/article/details/44098687

 

posted @ 2021-03-31 17:15  大鹅小子  阅读(72)  评论(0)    收藏  举报