首页 > 代码库 > jQuery-处理元素内容、表单元素

jQuery-处理元素内容、表单元素

处理元素内容
  1、text方法
  使用说明:
    1)不传参数
    得到jQuery对象内所有元素及其后代元素的文本内容
    2)传入用于设置匹配元素的文本内容
    3)传入function
    使用函数来设置jQuery对象中每个元素的文本
    两个参数:第一个表示当前元素序号,第二个参数表示当前元素的文本
    函数内部this代表当前的html元素对象
    返回要设置的内容
  2、html方法
  取得第一个匹配元素的html内容 或 设置元素的html内容
  使用方式同上
处理表单元素
  1、val方法
  使用说明:
    1)不传参数
    得到jQuery对象内第一个元素的值
    2)传入用于设置jQuery对象内所有元素的值
    3)传入function
  使用函数来设置jQuery对象中每个元素的值
  两个参数:第一个表示当前元素序号,第二个参数表示当前元素的当前值
  函数内部this代表当前的html元素对象
  返回要设置的值
为元素关联数据
  把元素的一些数据,保存到对应的元素上面去!
  使用data-属性名称可以给元素里面存储对应的属性!
  jQuery还提供了一个data这个方法,专门用来给元素关联数据(把数据存储到对应的元素里面去)
  存储的数据可以是各种类型
  1、data方法
  在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值
  使用说明:
    1)存数据
    data(key,value)或者data(键值对象)
    2)取数据
    data(key):得到jQuery对象中第一个元素指定键的数据
    data():得到jQuery对象中第一个元素关联的所有键值对数据
  2、removeData方法
  移除数据
  removeData(key):删除jQuery对象内所有元素中键key对应的数据
  removeData():删除jQuery对象中所有元素的所有关联数据

jQuery-处理元素内容、表单元素