1、在我们的电脑上打开软件,新建一个html页面。
2、在html页面创建一个id为xx,值为666的文本框,通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v),来d框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目,可以看到页面d框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。
6、运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。
下面是jQuery的写法<!DOCTYPE html>
<html>
<head>
<style>p { color:red}</style>
<script src=""$amp>amp$lt/script>
<script>
$(document).ready(function () {
$("input").blur(function(){
alert(this.id)
})
})
</script>
</head>
<body>
<input type="text" id="inputid">
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)