jquery获取input的value值的方法（jquery获取input内容）

请选择时期：

当前位置：首页 > 资讯 > 焦点关注

jquery获取input的value值的方法（jquery获取input内容）

来源：最后更新：24-07-02 06:04:27

导读：此账号为华为云开发者社区官方运营账号，提供全面深入的云计算前景分析、丰富的技术干货、程序样例，分享华为云前沿资讯动态本文分享自华为云社区《【JQuery框架】超详细DOM操作看这一篇就够了！》，

此账号为华为云开发者社区官方运营账号，提供全面深入的云计算前景分析、丰富的技术干货、程序样例，分享华为云前沿资讯动态
本文分享自华为云社区《【JQuery框架】超详细DOM操作看这一篇就够了！》，原文作者：灰小猿。
今天来和大家分享有关jQuery框架中DOM操作的相关技术，又是一个堪称DOM“全家桶”系列的讲解，建议收藏关注认真学习！
在进行内容操作时，对于设置和获取元素的内容使用同一个函数进行操作，设置元素内容时直接在函数中传入参数即可。
1. html()
作用：获取/设置元素的标签体内容
// 获取mydiv的标签体内容var divValue = $("#mydiv").html()// 设置mydiv的标签体内容var divValue = $("#mydiv").html(“你好”)
2. text()
作用：获取/设置元素的标签体纯文本内容
// 获取mydiv文本内容var divText = $("#mydiv").text()// 设置mydiv文本内容var divText = $("#mydiv").text(“你好”)
3. val()
作用：获取/设置元素的value属性值
// 获取myinput 的value值var value = $("#myinput").val()// 设置myinput 的value值var value = $("#myinput").val(“你好”)
关于上述代码的实际演示如下：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script ></script><script>$(function (){// 获取myinput 的value值var value = $("#myinput").val()// alert(value);// 获取mydiv的标签体内容var divValue = $("#mydiv").html()alert(divValue);// 获取mydiv文本内容var divText = $("#mydiv").text()// alert(divText)});</script></head><body><input id="myinput" type="text" name="username" value="张三" /><br /><div id="mydiv"><p><a href="#">标题标签</a></p></div></body></html>
二、属性操作
（1）通用属性操作
1. attr():
作用：获取/设置元素的属性
//获取北京节点的name属性值var bj = $("#bj").attr("name");alert(bj);//设置北京节点的name属性的值为dabeijing$("#bj").attr("name", "dabeijing");//新增北京节点的discription属性属性值是didu$("#bj").attr("discription", "didu");//删除北京节点的name属性并检验name属性是否存在
2. removeAttr()
作用：删除属性
//删除北京节点的name属性并检验name属性是否存在$("#bj").removeAttr("name");
3. prop()
作用：获取/设置元素的属性
//获得hobby的的选中状态var hobby_type = $("#hobby").prop("checkbox");
4. removeProp()
作用：删除属性
//删除hobby的CheckBox属性var hobby_type = $("#hobby").removeProp("checkbox");
5.attr和prop区别
如果操作的是元素的固有属性，则建议使用prop如果操作的是元素自定义的属性，则建议使用attr
（2）对class属性操作
1. addClass()
作用：添加class属性值
//<input type="button" value=" addClass" id="b2"/>//给one标签增加属性$("#b2").click(function () { $("#one").addClass("second");});
2. removeClass()
作用：删除class属性值//<input type=
//<input type="button" value="removeClass" id="b3"/>//删除one标签的class属性$("#b3").click(function () { $("#one").removeClass("second");});
3. toggleClass()
作用：切换class属性
//<input type="button" value=" 切换样式" id="b4"/>//为one标签的class样式进行切换，有class属性就删除，没有就添加$("#b4").click(function () { $("#one").toggleClass("second");});
在这里对该函数做一个详细的介绍：
如toggleClass(“one”):
* 判断如果元素对象上存在class=”one”，则将属性值one删除掉。如果元素对象上不存在class=”one”，则添加
4. css()
作用，修改元素属性
//<input type="button" value=" 通过css()获得id为one背景颜色" id="b5"/>$("#b5").click(function () { var backgroundColor = $("#one").css("backgroundColor"); alert(backgroundColor);});//<input type="button" value=" 通过css()设置id为one背景颜色为绿色" id="b6"/>$("#b6").click(function () { $("#one").css("backgroundColor","green")});
三、CRUD操作
1. append()
作用：父元素将子元素追加到末尾
样例：对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾
2. prepend()
作用：父元素将子元素追加到开头
样例：对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头
3. appendTo()
样例：对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
4. prependTo()
样例：对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头
5. after()
作用：添加元素到元素后边
样例：对象1.after(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
6. before()
作用：添加元素到元素前边
样例：对象1.before(对象2)：将对象2添加到对象1前边。对象1和对象2是兄弟关系
7. insertAfter()
样例：对象1.insertAfter(对象2)：将对象1添加到对象2后边。对象1和对象2是兄弟关系
8. insertBefore()
样例：对象1.insertBefore(对象2)：将对象1添加到对象2前边。对象1和对象2是兄弟关系
9. remove()
作用：移除元素
样例：对象.remove():将对象删除掉
10. empty()
作用：清空元素的所有后代元素。
样例：对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点

标签: [db:关键词]

免责声明：本文系转载，版权归原作者所有；旨在传递信息，其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.jxyuer.com/news/jiaodian/478086.html

电热毯可以除湿吗电热毯可以除湿气吗
网站首页 返回栏目
阿里云服务器下载镜像阿里云安装镜像

1
NBA首次父子同台终上演，布朗尼与詹姆斯季前赛合砍19分

2
男子花20万买二手小米SU7，回家后遭原车主远程锁车

3
杜特尔特否认参选：我都这把年纪了，要我死？

4
41岁俄罗斯男子模仿小李子走红，却在发福后失业，已自愿去了前线

5
外媒爆：伊朗伊斯兰革命卫队“圣城旅”指挥官加尼在黎巴嫩失联

6
帮同学化妆最高日入近千帮朋友化妆

7
卡德罗夫发帖为普京送生日祝福：深切感激俄总统帮助实现车臣和平与稳定

8
刚刚！港股，四大利好涌现！（港股主要股票）

9
2023吉林省紧缺急需职业工种目录政策解读

10
温岭市流动人口积分服务管理计分标准

男子花20万买二手小米SU7，回家后遭原车主远程锁车

帮同学化妆最高日入近千帮朋友化妆帮同学化妆最高日入近千？浙江大二女生冲上热搜,彩妆,妆容,模特,王
2023吉林省紧缺急需职业工种目录政策解读 2024张杰上海演唱会启东直通车专线时间+票价马龙谢幕，孙颖莎显示统治力，林诗栋紧追王楚钦，国乒新奥运周期竞争已启动全世界都被吓了一跳（惊吓全世界）

iphone丢失模式 iPhone丢失模式正在等待

探探暗恋短信是谁发的（探探暗恋短信是谁发的还有自己名字）

哈梅内伊发表演讲，携带一把狙击步枪，表明了对以色列的强硬态度哈梅内伊发表演讲，携带一把狙击步枪，表明了对以色列的强硬态度,以
2024台山市殡葬服务机构联系方式及祭扫预约方式汇总中山黄圃镇7月10日开展全镇免费核酸检测 wps中如何删除空白页 wps中如何删除空白页? icloud怎么取消每月6元（icloud怎么取消每月6元订阅50g有什么用?）

险境哀牢山：本地小伙22年不敢进深山，有人却开发出百公里徒步穿越路线

jquery获取input的value值的方法（jquery获取input内容）

1. html()

2. text()

3. val()

二、属性操作

（1）通用属性操作

1. attr():

2. removeAttr()

3. prop()

4. removeProp()

5.attr和prop区别

（2）对class属性操作

1. addClass()

2. removeClass()

3. toggleClass()

4. css()

三、CRUD操作

1. append()

2. prepend()

3. appendTo()

4. prependTo()

5. after()

6. before()

7. insertAfter()

8. insertBefore()

9. remove()

10. empty()

栏目导航

怀孕周期

热门标签

热门文章