• 技术文章 >web前端 >前端问答

    jquery怎么修改button的值

    青灯夜游青灯夜游2022-03-18 13:58:18原创1068

    jquery修改button值的方法:1、使用html()函数,语法“$("button").html("需要设置的新值");”;2、使用text()函数,语法“$("button").text("需要设置的新值");”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery修改button的值

    方法1:使用html()方法

    html() 方法设置或返回被选元素的内容(innerHTML)。

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("button").html("修改好了,新值");
    				});
    			});
    		</script>
    	</head>
    
    	<body>
    		<button>修改按钮的值</button>
    	</body>
    </html>

    1.gif

    方法2:使用text()方法

    text() 方法设置或返回被选元素的文本内容。

    当该方法用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。

    当该方法用于设置内容时,则重写所有匹配元素的内容。

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("button").text("设置好新值了");
    				});
    			});
    		</script>
    	</head>
    
    	<body>
    		<button>修改按钮的值</button>
    	</body>
    </html>

    2.gif

    【推荐学习:jQuery视频教程web前端

    以上就是jquery怎么修改button的值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery 修改button的值
    上一篇:vue插值有哪些操作 下一篇:jquery如果让元素几秒后消失
    千万级数据并发解决方案

    相关文章推荐

    • jquery怎么修改td的值• jquery怎么增加子元素• jquery怎么移除某个元素• jquery怎么判断对象是否相同• jquery可以加css样式吗
    1/1

    PHP中文网