首页 > 软件开发 > HTML >

jquery如何设置值或者内容

来源:互联网 2023-03-16 19:13:33 114

jquery的在html的页面元素内容赋值方式大概有三种,分别是text方法,html方法和value方法赋值。JyT办公区 - 实用经验教程分享!

工具/原料

  • 编辑器

方法/步骤

  • 1

    设置一个名称为setvalue的html文件。JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    在body中加入两个p元素,一个inputtext类型空间,分别设置id,settext,sethtml,setvalue,JyT办公区 - 实用经验教程分享!

    在加入三个button按钮,点击的时候分别对三个元素进行设值。JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 3

    引入jquery库JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 4

    在js中加入jquery文本等待函数。JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 5

    分别将btext,bhtml,bvalue加入点击事件,在点击的时候分别设置settext的内容是“设置text”,sethtml设置内容是”设置html“,setvalue设置内容是“设置value值”JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 6

    在浏览器中运行该文件,并逐个点击button按钮,会将原本设置的值覆盖掉,显示新的内容JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

    jquery如何设置值或者内容?JyT办公区 - 实用经验教程分享!

  • 注意事项

    • 要加入jquery库
    • 获取元素的class 或 id 要准确

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!JyT办公区 - 实用经验教程分享!


    标签: JQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码