首页 > 软件开发 > JQUERY >

jQuery相关属性与方法

来源:互联网 2023-03-16 23:55:15 版权归原作者所有,如有侵权,请联系我们

jQuery相关属性与方法和事件编程uK8办公区 - 实用经验教程分享!

工具/原料

  • jQuery

方法/步骤

  • 1

    1、基本属性操作uK8办公区 - 实用经验教程分享!

    •attr(name):获取元素的name属性值uK8办公区 - 实用经验教程分享!

    •attr(key,value):设置元素的key属性值为valueuK8办公区 - 实用经验教程分享!

    •attr(properties):一次为元素设置多个属性,要求参数是一个json对象uK8办公区 - 实用经验教程分享!

    •attr(key,fn):使用函数的返回值设置元素的属性uK8办公区 - 实用经验教程分享!

    •removeAttr(name):移除元素的name属性uK8办公区 - 实用经验教程分享!

    例:divid=’box’>div元素/div>uK8办公区 - 实用经验教程分享!

    uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 2

    2、class属性操作uK8办公区 - 实用经验教程分享!

    •addClass(class):为元素添加class属性uK8办公区 - 实用经验教程分享!

    •removeClass(class):移除元素的class属性uK8办公区 - 实用经验教程分享!

    •toggleClass(class):切换class属性,如果元素存在class属性则移除,反之则添加uK8办公区 - 实用经验教程分享!

    •hasClass(class):判断一个元素是否具有class属性,返回布尔类型的值uK8办公区 - 实用经验教程分享!

    例:divclass=’cls1 cls2 cls3’>div元素/div>uK8办公区 - 实用经验教程分享!

    uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 3

    3、css属性操作uK8办公区 - 实用经验教程分享!

    •css(name):获取元素的name属性uK8办公区 - 实用经验教程分享!

    •css(name,value):设置元素的css属性(name属性,属性值为value)uK8办公区 - 实用经验教程分享!

    •css(properties):一次为元素设置多个属性,要求参数是一个对象uK8办公区 - 实用经验教程分享!

    例:divstyle=’width:400px; height:200px; background-color:#ff0000’>div元素/div>uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 4

    4、offset位置操作uK8办公区 - 实用经验教程分享!

    •offset() :获取元素的位置,返回json格式的数据,包含left和top两个属性uK8办公区 - 实用经验教程分享!

    •offset(coordinates) :设置元素的位置,要求是一个json对象,必须要包含left和top两个属性uK8办公区 - 实用经验教程分享!

    uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 5

    5、width与height尺寸操作uK8办公区 - 实用经验教程分享!

    •width():获取元素的宽度uK8办公区 - 实用经验教程分享!

    •width(value):设置元素的宽度uK8办公区 - 实用经验教程分享!

    •height():获取元素的高度uK8办公区 - 实用经验教程分享!

    •height(value):设置元素的高度uK8办公区 - 实用经验教程分享!

    uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 6

    6、文本/值操作uK8办公区 - 实用经验教程分享!

    1)获取与设置元素的内容(一般指的是双标签元素),等价于innerHTML属性uK8办公区 - 实用经验教程分享!

    •html()uK8办公区 - 实用经验教程分享!

    •html(val)uK8办公区 - 实用经验教程分享!

    2)获取与设置表单元素的value值,等价于value属性uK8办公区 - 实用经验教程分享!

    •val()uK8办公区 - 实用经验教程分享!

    •val(val)uK8办公区 - 实用经验教程分享!

    3)获取与设置元素的文本内容(一般指的是双标签元素),等价于innerText属性uK8办公区 - 实用经验教程分享!

    •text()uK8办公区 - 实用经验教程分享!

    •text(val)uK8办公区 - 实用经验教程分享!

    uK8办公区 - 实用经验教程分享!

    示例代码:uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

    jQuery相关属性与方法uK8办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!uK8办公区 - 实用经验教程分享!


    标签: JQUERY编程语言

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号