<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>JQ 获得和设置内容 text() 和 html() 和 val()</title>
</head>
<body>
<p id="cont"><span>茶韵</span>阅谁问君诵，水落清香浮。</p>
<input type="text" id="input" value="input的值">
<button id="btnText">text()</button>
<button id="btnHtml">html()</button>
<button id="btnVal">val()</button>
<script src="jquery-1.10.1.min.js"></script>
<script>
$(function(){
// $("#btnText").click(function(){
// alert($("#cont").text());
// //茶韵阅谁问君诵，水落清香浮。
// });
// $("#btnHtml").click(function(){
// alert($("#cont").html());
// //<span>茶韵</span>阅谁问君诵，水落清香浮。
// });
// $("#btnVal").click(function(){
// alert($("#input").val());
// //input的值
// });
$("#btnText").click(function(){
$("#cont").text("<span>域名</span>onestopweb.cn");
alert($("#cont").html());
});
$("#btnHtml").click(function(){
$("#cont").html("<span>域名</span>onestopweb.cn");
alert($("#cont").html());
});
$("#btnVal").click(function(){
$("#input").val("已经更新input的值");
alert($("#input").val());
});
})
</script>
</body>
</html>
效果图：
相关推荐
text():1、无参获取每一个匹配元素的文本内容 2、有参数 给每一个匹配元素赋值 val():1、无参获取第一个匹配元素的值 2、有参数 给每一个匹配元素赋值 html():1、无参获取第一个匹配元素的标签内容 2、有参数...
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME"> 一、jquery获取input文本框...
要注意的当然是我等jquery菜鸟.$.text()获取的是所有匹配元素的text，要注意的是$.text(val)会把里面的所有东西都删了（包括里面的html标签）再设置text，相当于$.html（val）。官方的说法是“Set the text contents...
HTML代码 代码如下: ”rbtnCompany” runat=”server” RepeatColumns=”4″ RepeatDirection=”horizontal”> ”1″ Text=”A”></</SPAN>asp:ListItem> ”2″ Text=”B”></</SPAN>asp:ListItem> ”3″ Text...
—、获取dropdownlist的text（ddlList...生成name属性等于ddlList的select标签） $(“#ddlList”).val() 三、获取radiobuttonlist的text（rbtList为服务器端radiobuttonlist的ID，生成name属性等于rbtList的一组input标
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML <input type="text" name"username" id="user" placeholder="用户名" class="uusr"> 一、...
本文实例讲述了jQuery实现根据身份证号获取生日、年龄、性别等信息的方法。分享给大家供大家参考，具体如下： jquery根据身份证号获取生日、年龄、性别 1.html <input type="text" /> <input type="button...
三个简单实用的用于 DOM 操作的 jQuery 方法： · text() – 设置或返回所选元素的文本内容 · html() – 设置或返回所选元素的内容（包括 HTML 标记） · val() – 设置或返回表单字段的值 2.attr()获取属性。...
$("#selection option:selected").val(); （3）获取select下拉框选中的文本 $("#selection option:selected").text(); 2、实现源码 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
1、获取选中select的value和text,... 则可通过以下script代码s来获取选中的value和text 代码如下: $(“#mySelect”).val(); //获取选中记录的value值 $(“#mySelect option:selected”).text(); //获取选中记录的text值
在我们开发过程中特别是用户注册时会有一个效果，就是文本框获取焦点清空提示，如果用户没有输入信息失去焦点赋值上我们的提示语。 <html> <head> <meta ...
25大实用的jQuery技巧和解决方案 1 去除页面的右键菜单 $ document ready function { $ document bind "contextmenu" function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 ...
顺带把其中用到的操作和事件介绍下。 html代码： <input type=”text” id=”address” value=”请输入邮箱地址”/> jquery代码： 代码如下: $(document).ready(function(){ $(‘#address’).focus(function()...
input id="txt1" type="text" value="2" /> <input id="Button5" type="button" value="改变大于N的行背景为绿色" /> jQuery代码： //改变大于N的行背景为绿色 $("#Button5").click(function () { //...