[TOC]
## 获取元素
```
<p id="text3"></p>
<p id="text1">内容</p>
<input type="text" value="输入框" id="input">
<button id="btn1">btn1</button>
<button id="btn3">btn3</button>
<button id="btn2">btn2</button>
<script>
$(document).ready(function () {
$("#btn1").click(function () {
console.log("text:" + $("#text1").text("修改后的内容"))
})
$("#btn3").click(function(){
console.log("text:" + $("#text3").html("<a href=\"www.baifu.com\">baidu</a>"))
})
$("#btn2").click(function () {
console.log("text:" + $("#input").val("改变的input"))
console.log("text:" + $("#input").attr("id" , "input1"))
})
})
</script>
```
## 修改对比图
![](https://box.kancloud.cn/7d130386ab99f573390cc6b778e727e5_476x234.PNG)
* btn1 修改内容 btn2 修改input id btn3 修改链接
![](https://box.kancloud.cn/45397bc0055f083ba2c1fffb1d313287_557x271.PNG)