分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jquery的一些方法

发布时间:2023-09-06 01:36责任编辑:胡小海关键词:暂无标签

# 注:jquery需要导包  格式<script type="text/javascript" src="jquery-3.2.1.js">></script>

1.读写节点html内容:

       node.html();  // 读取节点里的所有内容(文本和标签等信息);

     node.html( " " ); // 往该节点写入html内容,里面的内容会被覆盖。

     eg: $("p").html("修改后");

2.读写节点文本内容

     node.text();

     node.text(" ");  // 文本内容与html内容的区别在于文本内容只包含文本,没有其他html的元素(标签等)

3.增加节点: var p1=$( "<p>创建一个p节点</p>" );

4.插入节点:

             parent.append(p1); //将p1节点作为最后一个子节点插入;

            eg(例子):$("body").append(p1); 

            parent.prepend(p1); // 将p1节点作为第一个子节点插入;

           brother.afetr(p1); //作为弟弟(同级下一个)节点插入

           brother.afetr(p1); //作为哥哥(同级上一个)节点插入

5.删除节点:

          node.remove(); // 删除节点

         eg:$("p").remove();

        node.remove(选择器); //删除满足选择器的节点

        node.empty(); //删除节点的内容,但保留标签

6.样式操作

      node.addClass(" "); //追加样式,参数中传入一个类

     eg: $("p").addClass("size");

     node.removeClass(" "); //移除指定样式

    node.removeClass();  //移除所有样式

   toggleClass(" ");   //在设置和取消中切换

     hasClass(" ");   //判断是否有某个样式

    node.css("","").css("","") ;   //设置样式的值,可多个

7.遍历节点的操作

  parent.children() / parent.children(选择器):访问直接的子节点

       node.next(); // 访问下一个兄弟(同一个父类的同级元素)节点;

       node.prev(); //访问上一个兄弟节点

      node.sibling();// 访问所有的兄弟节点

      node.find();//  查找所有后代节点

      node.parent();  //查找父节点

    

    

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title>
<style type="text/html">
  .size{
 font-size:30px; 
}

</style>
</head><body> ???????<p>示范文本</p> ???????<img src=""></body></html>

jquery的一些方法

原文地址:https://www.cnblogs.com/zhangzonghua/p/jquery.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved