0
点赞
收藏
分享

微信扫一扫

jQuery$工具方法以及CSS属性及方法

源码之路 2022-03-18 阅读 54
  • $工具方法

    • 1.$.each():遍历数组、对象、对象数组中的数据
    • 2.$.trim():去除字符串两边的空格
    • 3.$.type(obj):得到数据的类型
    • 4.$.isArray(obj):判断是否是数组
    • 5.$.isFunction(obj):判断是否是函数
    • 6.$.parseJSON(obj):解析json字符串转换为js对象/数组
       
  • jQuery属性和CSS

    • 属性

      • 1.attr():获取某个标签属性的值,或设置某个标签属性的值
      • 2.removeAttr():删除某个标签属性
      • 3.addClass():给某个标签添加class属性值
      • 4.removeClass():删除某个标签class属性值
      • 5.prop():和attr()类似,区别在于prop用于属性值为Boolean类型的情况,比如多选
      • 6.html():获取某一个标签体内容(注意:该标签体中可以包含子标签)
      • 7.text():获取某一个标签体内容(注意:该标签体不能包含子标签)
      • 8.val():主要用户获取/设置输入框的值

         
    • CSS

      • 1.css():设置标签的css样式

        • 获取样式值:css("样式名")
        • 设置单个样式:css("样式名","样式值")
        • 设置多个样式:css({"样式名":"样式值","样式名":"样式值"})
      • 2.位置

        • offset():相对整个大容器的相对位置
        • position():相对父容器的相对位置
        • scrollXX:scrollTop():滚动条到顶部距离
      • 3.尺寸

        • 内容尺寸
        • width():容器宽
        • height():容器高
           
    • 内部尺寸

      • innerWidth():width+padding
      • innerHeight():height+padding
      • 注意:参数为true,再加上margin外部尺寸
      • outerWidth():width+padding+border
      • outerHeight():height+padding+border
举报

相关推荐

0 条评论