一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery对P标签的操作的几个小实例讲解

时间:2022-06-25 17:38:23 编辑:袖梨 来源:一聚教程网

本文我们分享几个使用jQuery操作p标签的几个实例,实例包括:根据id获取元素本身(Object对象)的方法,jquery为每个p标签增加onclick方法,如何为jquery动态生成的p标签添加动态文本内容?



注:以下代码均通过W3School在线测试。

根据id获取元素本身(Object对象)的方法:

$("#id");

例如:

  
  
  
  
  
  
  
  
如果您点击我,我会消失。

   点击我,我会消失。

   也要点击我哦。

     



jquery为每个p标签增加onclick方法

javascript">  
  
    $(function(){  
        $("p").click(function(){  
            alert("我被点击了");  
        });  
    });  
  
  
  

测试1

  

测试2



如何为jquery动态生成的p标签添加动态文本内容?

回答:

$("

").appendTo("body").html("这是P标签的内容");


上面的代码的意思是在body尾部追加一个P标签,该P标签的HTML内容是 这是P标签的内容

热门栏目