jQuery-获取/设置 属性(标准属性,自定义属性)和内容
一、获取/设置内容
- text() -设置或返回元素的文本内容;
- html() -设置或返回元素的内容(包括html标记);
- val() -设置或返回表单字段的值。
具体例子如下:控制台调试
$("#DcountryName").val(-1);$("#DcountryName").val();
"-1"$("#DcountryName").text("xixixi");$("#DcountryName").text();
"xixixi"$("#DcountryName").html();
"xixixi"$("#DcountryName").html("heiheihei");$("#DcountryName").html();
"heiheihei"
二、获取/设置属性
利用attr()方法获得元素属性值
部分标准属性:以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名(classname) |
id | id | 规定元素的唯一 id |
style | style_definition | 规定元素的行内样式(inline style) |
title | text | 规定元素的额外信息(可在工具提示中显示) |
具体例子如下:控制台调试
$("#DprovinceName").attr("class");
"form-control"
自定义属性:用户可以自定义元素特有属性,但是在HTML5之后,规范要求属性以"data-"开头,如data-num;
- attr()获取值 attr属性必须是html标签上,属于dom属性,设置和获取都是操作dom
- data()获取值 data是对象属性,设置和获取都是直接操作dom节点的内存值,不是dom元素,建议用data()取值,不会引起额外的dom操作
具体例子如下:控制台调试
$("#DprovinceName").find("option:selected").attr("data-value");
"140000"$("#DprovinceName").find("option:selected").attr("data-value","1212121");$("#DprovinceName").find("option:selected").attr("data-value");
"1212121"
$("#DprovinceName").find("option:selected").attr("data-value");
"1212121"$("#DprovinceName").find("option:selected").data("value");
1212121
备注:这里面的 "option:selected" 是选中的下拉框,我自己在写这块儿的时候总会忘,直接就用id取值,结果都是undefined,应该有限定,选中的下拉框
注:这里还有个需要注意的点是 getattribute()和attr()的区别,二者都是获取元素属性值,前面是js写法,后面是jquery写法,但是二者还是有区别的
- getattribute() 函数主体必须是元素(element)
- attr() 函数主体必须是对象(object)
jQuery-获取/设置 属性(标准属性,自定义属性)和内容相关推荐
- jQuery 获取设置删除对象属性
获取.设置.删除jQuery对象的属性值 jQuery 提供了一系列处理元素属性的方法,可以获取属性值,设置一个属性值,通过映射对象设置多个属性值,通过函数动态设置属性值,也可以删除属性.可以通过使用 ...
- 怎样设置html的元素属性,Jquery怎么设置元素的属性和样式?
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性 对于下 ...
- JQuery获取元素的display属性
JQuery获取元素的display属性 $('#input_id').css('display')
- jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...
- html jq固定div高度,js/jQuery获取/设置div的高度,宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...
- 转载JQuery 获取设置值,添加元素详解
转载原地址 http://www.cnblogs.com/0201zcr/p/4782476.html jQuery 获取内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操 ...
- jquery获取java对象的属性_jQuery - 获得内容和属性
jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供 ...
- jQuery 获取页面元素的属性值
获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 ...
- jquery 获取checkbox的checked属性总是undefined
项目中用的jquery1.9 今天需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined 未 ...
- 关于jquery获取单选框value属性值为on的问题
当取单选框的value值的时候,前提是要有value这个属性,如果没有value属性那么取出来的就会为on 取value值的常见三种方式为 $("input[name='XXX']:chec ...
最新文章
- java面向对象程序设计第三版耿祥义pdf_java基础知识干货——封装
- 'utf-8' codec can't decode byte 0xff in position 0:
- win10直接获得文件绝对路径的方法总结
- Delphi指针大全
- 数据处理之判断值是否为nan(空值)记录
- usb PHY linux驱动
- C++实现各种插入排序(直接,折半,希尔)
- 剑指Offer - 面试题11. 旋转数组的最小数字(二分查找)
- /proc/net/tcp中各项参数说明
- 大数据中,机器学习和数据挖掘的联系与区别
- 关于内容管理系统IWMS的几个问题
- 最新PHP自动化发卡网源码
- ug打开服务器文件保存不了,UG编程时突然提示保存不了,你该怎么办,看这里...
- 有才的人全败给“傲”,平庸的人皆输在“懒”!
- Can‘t find bundle for base name XXXX, locale zh_CN解决方法
- 【Other】推荐点好听的钢琴曲
- Debian查看系统版本信息
- 清除本地dns(Mac,win)
- 钕铁硼NdFeB材料各类牌号磁特性大全
- K8S (kubernetes)
热门文章
- “泰迪杯”挑战赛 -利用非侵入式负荷检测进行高效率数据挖掘(完整数学模型)
- 老闪创业那些事儿(38)——小龙的离职面谈
- 说说Object c的动态性
- 从数据库读取数据,该数据作为参数传入万得的wsd命令中
- 消化系统疾病病人的护理题库
- 多亏了这个神器,让我斩获华为入场券
- fiyme android底层,魅族首批Android 10底层Flyme于今日正式推送
- 【Linux】程序卡死、失败位置|pstack和starce看进程调用|分析耗时函数
- 腾讯47岁T13大佬被裁,厂龄15年依然被毕业?
- C语言 强符号与弱符号