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对象中所有元素的所有关联数据
转载于:https://www.cnblogs.com/yw0219/p/5967702.html
jQuery-处理元素内容、表单元素相关推荐
- HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素
文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...
- jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- html中表单元素中的单选框,Html表单元素及表单元素详解
大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...
- 非表单元素跟表单元素
非表单元素的属性有: href ,title, id src className 表单元素属性: value:用于大部分表单元素内容获取除了option type 可以获取input标签的类型(输入框 ...
- jquery --- DOM操作、表单元素的初始化
1.获取ul里第2个li节点: var $li_two = $("ul li:eq(1)"); // 获取该节点的内容 var $li_two_txt = $li_two.text ...
- HTML进阶(3)- 表单元素
本系列笔记是基于[渡一教育]袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用. 文章目录 表单元素 input元素 select元素 textarea元素 按钮元素 表单状态 配合 ...
- 表单控件(表单元素)
1.在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件. 2.<input>表单元素 在表单元素中,<input>标签用于收集用户信息. 在 ...
- Layui表单元素的赋值
给表单元素赋值 $('#表单元素id').val(要赋予的值);
- Jquery.form自动提交表单上传图片
先引入相关js文件 1 2 <script type="text/javascript" src="jquery-1.7.2.min.js">< ...
最新文章
- Conan客户端简单使用示例
- MySQL基础篇:SELECT几种子句
- 基于Chrome开源提取的界面开发框架 三
- [HDF]hdf-4.2.6类库的使用
- linux查看samba目录的配额,问Samba中一个共享目录,怎么限制其容量大小?不是用户级quota!!...
- ACM-ICPC 2019 山东省省赛 A Calandar
- Source Insight Source Navigator使用技巧
- Structured Streaming + Kafka测试
- linux 精简桌面,Linux桌面环境之轻型简易妙招(摘自toy)
- vue-pdf安装之后,运行报错can not resolve ‘pdfjs-dist/es5/web/pdf_viewer‘
- 数据库, 数据仓库, 数据集市,数据湖,数据中台
- 刚开始接触编程也能轻松写的计算器代码(VS2019)(c语言)
- 华为云私有云解决方案的年终答卷
- XTU1340Wave
- PPT转图片(Java)
- 华为存储iscsi配置_使用华为存储配置ISCSI存储方法和iSCSI建立连接提示目标错误...
- 实验报告 三密码破解技术
- 【记】2021年第十二届极客大挑战
- 一年级abb式词语并造句_用ABB造句-怎么用abb式词语造句-用ABB式的词语造句子
- (补基础)数据分析系列:假设检验的基础知识
热门文章
- 计算机网络管理2018版,2018~2019学年度第二学期“计算机网络管理”专业技能竞赛火热进行中...
- 客户端更新功能实现_exlive1.0|监控客户端功能更新
- cuda pytorch 环境变量_PyTorch-GPU环境配置
- oracle索引online样例,在线创建索引的问题案例
- 去掉chorme浏览器自动补全时input框的背景样式
- dm数据库 linux版下载,linux环境搭建DM数据库
- 肇庆计算机商务学校地址,肇庆市商业学校(商业技工学校)招生报名
- python计算两字符串中的位置_从Python中的字符串中获取两个字符
- 计算机硬件实现乘法是什么,乘法器
- 禁用任何未使用的端口com_CentOS7 - 使用Fail2ban保护SSH