插件窝 干货文章 jquery清空input标签的值及清除标签里面的内容

jquery清空input标签的值及清除标签里面的内容

class input 赋值 div 835    来源:    2024-10-11

jquery清空input标签的值,清除标签里面的内容

清除input标签的值,可以通过直接将input标签的值设置为空来实现.

 <input id="user" type="text" name="username" placeholder="请输入用户名" required/>
$('#user').val('');//通过val()方法设置value的值

清除标签里面的内容,也可以用和上面类似的原理实现

$('#notify').html('');

但是这样有缺陷,清空的时候只会把里面的内容清空掉,如果里面的内容绑定了事件,事件是没有被清空的.
应该是下面的方式.

$('#notify').empty();

扩展

jquery如何给input框赋值

使用jquery给input框赋值的方法:

1.新建html项目,引入jquery;
2.创建input输入框,设置id属性;
3.添加button按钮,绑定onclick点击事件;
4.通过id属性获取input对象,使用val()方法赋值;

具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建一个input输入框,并设置id属性;

<input type="button" value="" id="text" />

3.input输入框创建好后,添加一个button按钮,并绑定onclick点击事件,用于点击赋值;

<button omClick="set()"></button>

4.最后,按钮添加好后,在点击事件中通过id属性获取input对象,在使用val()方法即可给input输入框赋值;

function set(){
$("#text").val("需赋值的内容");
}

到此这篇关于jquery清空input标签的值,清除标签里面的内容的文章就介绍到这了,更多相关jquery清空input标签的值内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!