jQuery val(); input 获取与设置默认输入内容

简介: jQuery val(); input 获取与设置默认输入内容

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="jquery-3.4.1.js"></script> <script> $(document).ready(function () { // 插入默认值 $('button').eq(0).click(function () { $('input').val("dzmdzmdzm"); }) // 获取 $('button').eq(1).click(function () { var str = $('input').val(); $('span').html(str) }) }) </script> </head> <body> <button>插入默认字符串</button> <input class="txt" type="text" placeholder="请输入"> <button>获取</button> <span></span> </body> </html>


  • demo 效果:




相关文章
|
5月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
69 2
|
5月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
26 1
|
5月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
69 14
|
5月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
49 5
|
JavaScript 前端开发
前端基础 -JQuery之val,text,html
前端基础 -JQuery之val,text,html
94 1
|
8月前
|
JavaScript
jquery在光标位置插入内容指定内容(input、textarea)通用
jquery在光标位置插入内容指定内容(input、textarea)通用
53 0
|
JavaScript
jQuery 回车换行、input悬浮全选...
jQuery 回车换行、input悬浮全选...
93 0
|
9月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
|
9月前
|
存储 缓存 JavaScript
jQuery中获取和设置属性
jQuery中获取和设置属性
89 0
|
9月前
|
JavaScript
jquery给轮播图的第一张设置class样式
jquery给轮播图的第一张设置class样式