摘要:本篇教程介绍了jQuery如何获取内容和属性,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
本篇教程介绍了jQuery如何获取内容和属性,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
通过jquery如何捕获文本内容和属性?
text(),html(),val()及attr()。
attr()更具有普遍性,元素text属性和表单value属性,可以通过attr()操作。
<!DOCTYPE html>
<html>
<head>
<title>jquey获取内容和属性</title>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript">
// jquery拥有可操作HTML元素和属性的强大方法。
// text()设置或返回所选元素的文本内容
// $(function(){
// $('#btn1').click(function(){
// alert($('p').text());
// });
// $('#btn2').click(function(){
// alert($('p').html());
// })
// })
// html()设置或返回所选元素的内容(包括HTML标记)
// 连同html标签一起返回
// val()设置或返回表单字段的值
// 获得输入字段
// $(function(){
// $('button').click(function(){
// alert('值:'+$('input').val());
// })
// })
// attr()获取属性值
$(function(){
$('button').click(function(){
alert($('input').attr('value'));
})
})
// 使用attr同样可以代替val(),如此例,属性value
// 此方法是通过属性改变
</script>
</head>
<body>
<!-- <p>这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button> -->
<!-- <button id="btn2">显示HTML</button> -->
<p>名称:<input type="text" name="" value="菜鸟教程"></p>
<button>点击显示</button>
</body>
</html>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号