<!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 () { //...