实例
<!DOCTYPE html>
<head>
<title>jQuery捕获</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p#text").click(function(){
$("p#text").text("更改text里面的内容");
alert('修改成功');
})
// html会解析标签，text并不会
$("p#html").click(function(){
$(this).html("<p>我正在更改<b>html</b>的内容</p>");
alert('更改成功');
})
$("input#vals").click(function(){
$("input#val").val("php");
})
$("input#attr").click(function(){
$("a").attr("href","https://www.echoweb.cn");
alert("更改网址成功");
})
})
</script>
</head>
<body>
<h1>1，text设置内容和属性</h1>
<p id="text">我要设置text的属性内容</p>
<hr>
<h1>2，html设置内容和属性</h1>
<p id="html">我要设置html的属性内容</p>
<hr>
<h1>3，val设置内容和属性</h1>
<input type="text" id="val" value = 'val'>
<input type="button" id="vals" value="提交">
<hr>
<h1>4，attr设置内容和属性</h1>
<a href="http://www.baidu.com/" >超链接</a>
<input id="attr" type="button" value="点我更改访问网址">
</body>
</html>运行截图
还没有评论，来说两句吧...