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对象中所有元素的所有关联数据

时间: 2024-08-04 10:17:20

jQuery-处理元素内容、表单元素的相关文章

使用jquery实现的清空表单元素代码实例

使用jquery实现的清空表单元素代码实例:如果表单的元素较多的话,如果想情况以前填写的内容可能有点耗费体力,不够人性化,下面就介绍一下如何利用jquery代码实现快捷清除表单元素内容的功能,先看一段代码实例: $('#theform')[0].reset(); 很朋友可能认为上面的代码就完全实现我们的要求,其实这是错误的,reset()函数是重置的意思,也就是将表单元素的值重置为默认值而不是清空,如下面的文本框: <input type="text" value="蚂

JS基础-表单元素-新表单元素-js概述

1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex

4.表单,表单元素,表单元素写法及属性

表单: 标签名: 1.form (表单)  action(路径 )  method (提交方式) 2.method(提交方式)提交方式有两种,一种是get提交方式,这是默认的. post的提交方式比较安全不会在路径中显示想要的数值, 在请求信息里面加参数, 表单元素 相关标签   fieldset (表单框) legend(表单框名) 文本类型:1.文本框(test) 2.密码框(postword)   3.隐藏域(hidde)   4.多行文本(textarea) disabled,reado

jquery如何获取对应表单元素?

问题描述:我页面中有这样多个表单,我都是这个定义的,当我点击确定按钮时,此时能够获得相对应的表单对象,我该怎么获取到他的两个值呢? 解决方案: 页面元素 <form id="form1"> <lable>姓名:</lable> <input type="text" class="user_name"> <lable>电话:</lable> <input type=&qu

jquery easyui将form表单元素的值序列化成对象

function serializeObject(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this['name'] ]){ o[this['name'] ] = o[this['name'] ] + "," + this['value']; }else{ o[this['name'] ]=this['value']; } }) return o; } 把easyui中的form表单中查询条件

Jquery给easyui的表单元素赋值,获取值总结

1.Input a. validatebox 定义: <input type="text" name="APPLYDEPTNAME" id="APPLYDEPTNAME" style="width: 99%" maxlength="50" class="easyui-validatebox" data-options="required:true" />

第六十七节,html表单元素

html表单元素 学习要点: 1.表单元素总汇 2.表单元素解析 本章主要探讨HTML5中表单元素,表单元素用于获取用户的输入数据.   一.表单元素总汇 HTML5的表单中,提供了各种可供用户输入的表单控件.           元素名称                                        说明             form          表示HTML表单             input         表示用来收集用户输入数据的控件          

第10章 表单元素(上)

第10章表单元素[上] 学习要点:1.表单元素总汇2.表单元素解析 本章主要探讨 HTML5中表单元素,表单元素用于获取用户的输入数据.一.表单元素总汇在 HTML5的表单中,提供了各种可供用户输入的表单控件.元素名称 说明form 表示 HTML表单input 表示用来收集用户输入数据的控件textarea 表示可以输入多行文本的控件select 表示用来提供一组固定的选项option 表示提供提供一个选项optgroup 表示一组相关的 option元素button 表示可用来提交或重置的表

DOM表单元素

#表单元素 ##获取表单元素 form 1)document.forms[0]; 2) document.forms['id']; 3) document.forms['name']; 4) document.name的值; ##获取表单字段 首先拿到表单:let form = document.forms[0]; 1) form节点.element[下标]: 2)form节点.element['id的值']: 3) form节点.element['name的值']: 4) form节点.nam

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec