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

    jquery中label无法赋值怎么办

    长期闲置长期闲置2022-06-02 10:25:15原创212

    方法:1、利用text()方法,该方法可设置或返回被选元素内容,语法为“label元素对象.text("赋值的内容")”;2、利用html()方法,该方法也可设置元素内容,语法为“label元素对象.html("赋值的内容")”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery中label赋值

    在jquery中,通过获得label对象,使用text()方法便可以给label赋值,实现更改它的内容。

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

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

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

    返回文本内容:

    $(selector).text()

    设置文本内容:

    $(selector).text(content)

    使用函数设置文本内容:

    $(selector).text(function(index,currentcontent))

    示例如下:

    新建一个html文件,命名为test.html,用于讲解jquery怎么给label赋值。引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。在p标签内,使用label标签创建一行文字,在label标签的后面,使用input标签创建一个文本输入框。

    使用button标签创建一个按钮,按钮名称为“给label赋值”。给button按钮绑定onclick点击事件,当按钮被点击时,执行setlabel()函数。

    在js标签中,创建setlabel()函数,在函数内,通过label元素名称获得对象,使用text()方法给label赋值,例如,给label赋值为“用户名:”。

    01.png

    在浏览器打开test.html文件,点击按钮,查看实现的效果。

    02.png

    03.png

    总结:

    1、创建一个test.html文件。

    2、在文件内,使用label标签创建一行文字,同时创建一个button按钮,用于触发执行js函数。

    3、在js标签内,创建函数,在函数内,通过label元素名称获得对象,使用text()方法给label赋值。

    除了可以使用text()方法外,还可以使用html()方法给label赋值。

    2、使用html()方法给label赋值。

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("label").html("Hello world!");
    });
    });
    </script>
    </head>
    <body>
    <button>设置所有label元素的文本内容</button>
    <p>这是一个段落。</p>
    <label for="male">Male</label>
    <p>这是另一个段落。</p>
    <label for="female">Female</label>
    </body>
    </html>

    输出结果:

    +3.gif

    视频教程推荐:jQuery视频教程

    以上就是jquery中label无法赋值怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么让元素5秒之后消失 下一篇:jquery怎么查找指定html元素是否存在
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么增加一行表格• jquery怎么实现元素遍历• jquery中有dialog吗• jquery怎么验证input不能为空• jquery中width方法怎么用
    1/1

    PHP中文网