一、获取/设置内容

  • 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-获取/设置 属性(标准属性,自定义属性)和内容相关推荐

  1. jQuery 获取设置删除对象属性

    获取.设置.删除jQuery对象的属性值 jQuery 提供了一系列处理元素属性的方法,可以获取属性值,设置一个属性值,通过映射对象设置多个属性值,通过函数动态设置属性值,也可以删除属性.可以通过使用 ...

  2. 怎样设置html的元素属性,Jquery怎么设置元素的属性和样式?

    Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性 对于下 ...

  3. JQuery获取元素的display属性

    JQuery获取元素的display属性 $('#input_id').css('display')

  4. jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...

  5. html jq固定div高度,js/jQuery获取/设置div的高度,宽度···

    js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...

  6. 转载JQuery 获取设置值,添加元素详解

    转载原地址 http://www.cnblogs.com/0201zcr/p/4782476.html jQuery 获取内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操 ...

  7. jquery获取java对象的属性_jQuery - 获得内容和属性

    jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供 ...

  8. jQuery 获取页面元素的属性值

    获取浏览器显示区域(可视区域)的高度 :    $(window).height();    获取浏览器显示区域(可视区域)的宽度 : $(window).width();    获取页面的文档高度 ...

  9. jquery 获取checkbox的checked属性总是undefined

    项目中用的jquery1.9 今天需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined 未 ...

  10. 关于jquery获取单选框value属性值为on的问题

    当取单选框的value值的时候,前提是要有value这个属性,如果没有value属性那么取出来的就会为on 取value值的常见三种方式为 $("input[name='XXX']:chec ...

最新文章

  1. java面向对象程序设计第三版耿祥义pdf_java基础知识干货——封装
  2. 'utf-8' codec can't decode byte 0xff in position 0:
  3. win10直接获得文件绝对路径的方法总结
  4. Delphi指针大全
  5. 数据处理之判断值是否为nan(空值)记录
  6. usb PHY linux驱动
  7. C++实现各种插入排序(直接,折半,希尔)
  8. 剑指Offer - 面试题11. 旋转数组的最小数字(二分查找)
  9. /proc/net/tcp中各项参数说明
  10. 大数据中,机器学习和数据挖掘的联系与区别
  11. 关于内容管理系统IWMS的几个问题
  12. 最新PHP自动化发卡网源码
  13. ug打开服务器文件保存不了,UG编程时突然提示保存不了,你该怎么办,看这里...
  14. 有才的人全败给“傲”,平庸的人皆输在“懒”!
  15. Can‘t find bundle for base name XXXX, locale zh_CN解决方法
  16. 【Other】推荐点好听的钢琴曲
  17. Debian查看系统版本信息
  18. 清除本地dns(Mac,win)
  19. 钕铁硼NdFeB材料各类牌号磁特性大全
  20. K8S (kubernetes)

热门文章

  1. “泰迪杯”挑战赛 -利用非侵入式负荷检测进行高效率数据挖掘(完整数学模型)
  2. 老闪创业那些事儿(38)——小龙的离职面谈
  3. 说说Object c的动态性
  4. 从数据库读取数据,该数据作为参数传入万得的wsd命令中
  5. 消化系统疾病病人的护理题库
  6. 多亏了这个神器,让我斩获华为入场券
  7. fiyme android底层,魅族首批Android 10底层Flyme于今日正式推送
  8. 【Linux】程序卡死、失败位置|pstack和starce看进程调用|分析耗时函数
  9. 腾讯47岁T13大佬被裁,厂龄15年依然被毕业?
  10. C语言 强符号与弱符号