zoukankan      html  css  js  c++  java
  • Jquery------DOM操作(内容操作、属性操作(通用属性操作、class属性操作))

    一、内容操作
    1. 对象 .html() 获取 / 设置元素标签内容
    2. 对象 . text() 获取 / 设置元素标签纯文本内容
    3. 对象 . val() 获取 / 设置元素标签value的值
     
    二、属性操作
    (一)通用属性操作
    1. attr(); 获取 / 设置元素的属性;
    2. removeAttr(); 删除元素属性; (建议自定义属性
    3. prop(); 获取 / 设置元素的属性;
    4. removeProp(); 删除元素属性; (建议是固有属性
    5. 父元素对象 .empty(); (直接清空父元素中所有子节点)
     
    (二)对class属性的操作
    1. addClass(); 添加属性;
    2. prepend(); 将一个元素添加到开头
    例如:$("#parent").prepend($("#child"));
    prependto(); 某元素被添加到一个元素的开头;
    例如:$("#child").prependTo($("#parent"));
    注意:child 指被添加元素 parent指接受添加的元素
     
    3. apend(); 将一个元素添加到另一个元素末尾;(用法如上
    apendTo();某个元素被添加到另一个元素的末尾;(用法如上
     
    4. .after(); 在某个单一元素的后面添加一个元素;
    例如:$("#parent").after($("#child"));
    insertAfter(); 把一个元素插入到某个单一元素的后面;
    例如:$("#child").insetAfter($("#parent"));
    注意:child 指被添加元素 parent指接受添加的元素
  • 相关阅读:
    vue路由动态过渡效果
    完美解决safari、微信浏览器下拉回弹效果
    从零开始搭建VUE项目
    上传图片(photoClip)
    手机移动端input date placehoder不显示
    evaluate-reverse-polish-notation
    Minimum Depth of Binary Tree
    前端学习02-01分帧的作用
    前端学习02-01表格标签
    前端学习01-07图像地图
  • 原文地址:https://www.cnblogs.com/Hubert-dzl/p/11119316.html
Copyright © 2011-2022 走看看