jQuery设置和获取span的内容（简单示例说明）

原文地址为： 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>
</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。

转载请注明本文地址： jQuery设置和获取span的内容（简单示例说明）

jQuery设置和获取span的内容（简单示例说明）相关推荐

php定时刷新token,PHP 定时任务获取微信access_token的简单示例
搜索热词感兴趣PHP 定时任务获取微信access_token的简单示例的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧. 最近开发微信公众平台,公众号调用各接口时都需使用access_ ...
React-Native的TextInput组件的设置以及获取输入框的内容
大家下午好,自打过了个年啊,对于学习松懈了不少,得麻利的补补课了,这两天在学习React-Native的内容,发现RN的input框和原生input有些区别,特意写下来供小伙伴们参考啊,哈哈哈~ 众所 ...
jQuery设置和获取HTML、文本和值
<script type="text/javascript">//<![CDATA[ $(function(){//获取<p>元素的HTML代码$(& ...
tinymce 设置和获取编辑器的内容
$('目标元素').html(插入的内容) //设置tinymce编辑器的内容tinymce.get('目标元素').getContent() //获取tinymce编辑器的内容转载于:https: ...
小程序开发API之设置和获取剪切板内容wx.setClipboardData、wx.getClipboardData
wx.setClipboardData(Object object) 设置系统剪贴板的内容参数Object 示例代码 wx.setClipboardData({data: 'data',succes ...
JQuery设置与获取RadioButtonList和CheckBoxList的值
要获取ASP.NET控件RadioButtonList的值,首先想到的就是$("#<%=RadioButtonList1.ClientID %>").val();结果返 ...
微信小程序设置和获取剪切板内容
设置 wx.setClipboardData 获取 wx.getClipboardData 详情
获取Windows Shell的简单示例程序二
程序基本流程: 1,创建服务端Socket,端口绑定,监听. 这也是一般的socket程序的处理流程. 2,启动循环并在循环体中接收客户端请求并返回客户 ...
jquery获取span标签下的第一个span子标签内容
看了几本jquery的书之后,觉得对jQuery的dom操作部分应该是比较熟悉了,但是当正式用到的时候又忽然觉得什么也不知道,还得上网来搜,遇到的问题就是获取span标签下的第一个span标签中的内容 ...

jQuery设置和获取span的内容（简单示例说明）

jQuery设置和获取span的内容（简单示例说明）相关推荐

最新文章

热门文章