jquery添加内容

 时间:2026-04-25 07:55:13

1、新建一个html文件。如图:

jquery添加内容

2、在html代码页面找到body标签,在body标签内新建一个<div>,然后给这个div标签设置一个id并给这个div文本内容。如图:

代码:<div id="cont">  你好啊! </div>

jquery添加内容

3、在div标签后面新建一个点击按钮,然后给这个按钮添加一个点击事件,案例中的点击事件为add()。如图

代码:<input type="button" value="添加内容" onclick="add()">

jquery添加内容

4、引入jquery文件。找到title标签,在这个标签后面新建一个<script>,然后引入jquery文件。如图:

jquery添加内容

5、在script标签后面新建一个<sctipt>,在这个标签内创建add()事件。如图:

代码:

<script type="text/javascript">  function add(){   var html = "大家好!";   $("#cont").append(html);  } </script>

jquery添加内容

6、保存好html文件后,使用浏览器打开,点击添加内容按钮即可看到成功添加内容。如图:

jquery添加内容

jquery添加内容

  • C#怎么输出数组中元素内容
  • jquery获取对象属性值的方法?
  • 怎么用js给ul里的li加下划线
  • intellij idea如何设置java代码风格
  • js中如何删除input的默认值
  • 热门搜索
    九阳豆浆机怎么用 充电宝怎么充电 风衣怎么打蝴蝶结 你明白吗用英语怎么说 裤长怎么量 怎么判断椰棕床垫有没有甲醛 怎么注册商标 招聘广告怎么写 黑眼圈怎么样消除 微信语音没声音怎么回事