jQuery设置和获取span的内容(简单⽰例说明)
⽰例代码如下:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("text的值:" + $("#spId").text() + "\n" +
"html的值:" + $("#spId").html() )
$("#spId").text("testSpan")
alert("text的值:" + $("#spId").text() + "\n"+
"html的值:" + $("#spId").html() )
$("#spId").html("<p>testSpantest</p>")
alert("text的值:" + $("#spId").text() + "\n"+
"html的值:" + $("#spId").html() )
});
});
</script>html span 居中
</head>
<body>
<div><span id="spId"><a href="#">初期值</a></span></div>
<button>切换</button>
</body>
</html>
结果如下:
注意:
有的时候⽆法取得值时,是因为html是从上往下解析的,在解析到js⾥的$("#spId")时,下⾯这个span还不存在,当然就取不到了。
js代码放在<span>下⾯解析时,span就有了。另外,jquery的做法是⽤ready函数包含这些js代码,这样的话,就不存在位置的问题了,放到哪都可以。它的作⽤就是在加载完整个页⾯后才执⾏包含的js。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论