span组件内容的刷新(笔记)

span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素。

//赋值

$("#spanid").html(value)

//取值

$("#spanid").text()
假设我有一个<span id="text"></span>

现在我要单击一个按钮后让span中显示“Hello,World!”。

<input  id="showBtn" type="button"  value="显示" onclick="click()"/>

<script type="text/javascript">

function click(){

document.getElementById("text").innerText="Hello,World!";

}

</script>

InsertBefore 方法在您指定的已有子节点之前插入新的子节点 

<!DOCTYPE html>
<html>
<body>

<ul id="myList"><li>Coffee</li><li>Tea</li></ul>

<p id="demo">请点击按钮向列表插入一个项目。</p>

<button onclick="myFunction()">试一下</button>

<script>
function myFunction()
{
var newItem=document.createElement("LI")
var textnode=document.createTextNode("Water")
newItem.appendChild(textnode)

var list=document.getElementById("myList")
list.insertBefore(newItem,list.childNodes[0]);
}
</script>

来自网上,更多标签赋值和取值

$("#id").html()="test";

//或者 

$("#id").html("test");





jquery 获取<a>的链接内容

$().innerHTML 



jquery 给span 赋值

$('#hiddenNote').text(‘getSpanValues’);

span取值

$('#hiddenNote').text();





jquery 给标签button<button>编辑</button>赋值

$('#updateBtn').text("保存");



radio取值

$("input[name='radioName'][checked]").val();



radio赋值

$("input[name='radioName'][value=2]").attr("checked",true);

效果将【编辑】按钮变为【保存】按钮

简单明了!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值