使用jQuery获得内容以及内容的属性
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<scriptsrc="js/jquery.js"></script>
</head>
<style>
body{font-family:"微软雅黑";width:980px;margin:0auto;text-align:center;}
.box{
width:300px;
height:300px;
background:green;
border:1pxsolid#e6e6e6;
line-height:200px;
position:absolute;
}
button{
border:none;
background:green;
width:125px;
height:50px;
line-height:50px;
color:#fff;
font-size:16px;
margin-top:50px;
font-family:"微软雅黑";
}
</style>
<body>
<buttonid="btn1">显示text</button>
<buttonid="btn2">显示html</button>
<buttonid="btn3">显示输入内容</button>
<pid="text">这是要显示<b>粗体</b>的节奏</p>
<br/>
<inputid="input"value="买房子">
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text:"+$("#text").text());
});
$("#btn2").click(function(){
alert("HTML:"+$("#text").html());
});
$("#btn3").click(function(){
alert("Value:"+$("#input").val());
});
});
</script>
</body>
</html>
Tips:
1、点击事件节点的选择#botton
2、alert的代码规则 （"Value:"+$("#id").html）
今天的分享就先到这里了，后续我们还将持续更新一些新的jQuery实例。