首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery html()忽略了元素命名(小写和大写)

jQuery的html()方法用于获取或设置元素的HTML内容。但是,它确实忽略了元素的命名大小写。

在HTML中,元素的标签名是不区分大小写的,因此<div><DIV>是等效的。然而,当使用jQuery的html()方法时,它会将所有元素的标签名转换为小写。

这意味着无论元素的标签名是大写还是小写,使用html()方法获取到的HTML内容都将是小写的。同样地,如果使用html()方法设置HTML内容,传入的HTML字符串中的元素标签名也会被转换为小写。

这种行为可能会导致一些问题,特别是当你需要保留元素的原始命名大小写时。在这种情况下,你可以使用jQuery的prop()方法来获取或设置元素的innerHTML属性,它会保留元素的命名大小写。

以下是一个示例:

代码语言:txt
复制
<div id="myElement">Hello World</div>
代码语言:txt
复制
var htmlContent = $("#myElement").prop("innerHTML");
console.log(htmlContent); // 输出:Hello World

$("#myElement").prop("innerHTML", "<SPAN>New Content</SPAN>");

在上面的示例中,prop()方法被用来获取和设置元素的innerHTML属性,它会保留元素的命名大小写。

需要注意的是,这里没有提及任何腾讯云相关产品和产品介绍链接地址,因为这些内容与问题的回答无关。如果您需要了解腾讯云的相关产品和服务,请访问腾讯云官方网站。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 前端编码规范

    盒模型决定组件的尺寸位置,因此排在第二位。其他属性只是影响组件的内部(inside)或者是不影响前两组属性。...All Rights Reserved. */ 命名 变量 驼峰命名法 私有属性变量方法 _开头 常量 全部字母大写, _分隔 函数及函数的参数 驼峰命名法 类 单词首字母大写, 类的方法及属性 驼峰命名法...枚举变量 单词首字母大写, 枚举属性 全部字母大写, _分隔 多个单词组成的缩写词, 在命名中, 根据当前命名出现的位置, 所有字母的大小写与首字母大小写保持一致 命名词法 类名 使用名词 function...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量 以$开头, 并缓存到本地变量中复用, 使用驼峰命名命名 jQuery选择器...模块输出函数, 函数首字母小写 模块输出对象,对象首字母大写 代码校验 代码验证 使用 W3C HTML Validator 来验证你的HTML代码有效性; 使用 W3C CSS Validator

    1.8K71

    JavaScript的理解记录(5)

    元素;     3、 文档结构:作为节点树的解析(还有一种是作为元素树解析,将文档看做Element对象树,忽略TextComment节点)         节点Node对象主要以下几个重要属性...,大写;             8、attributes : 元素的所有属性,只读的类数组对象;     4、元素内容:依据Element不同属性获取不同内容;          innerHTML...: 元素的内容作为字符串返回;          outerHTML :返回的字符包含查询元素的开头结尾标签;(HTML5才有且FireFox浏览器不支持)          textContent...         1、创建节点:document.createElement() 参数为不区分大小写的标签名(对于HTML),对XML文档会区分大小写;第二种方法是复制已存在的节点,每个节点都有一个...         其二:设置对应元素的JavaScript contenteditable属性;         浏览器定义多项文本编辑命令,为了执行这些命令,应该使用Document

    1.4K20

    web前端开发规范总结

    2、所有文件夹及文件使用英文命名(避免使用中文路径)。 3、html文件:入口文件使用index.html。如果有对应的设计组设计原稿,需要将对应的设计稿html文件命名一致并合理存放。...3、所有编码需要遵循html(XML)标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(),hr()等。属性值用双引号。...给重要的元素截断的元素加上title。 14、给区块代码及重要功能(比如循环)加上注释,方便后台添加功能。 15、特殊符号使用:尽可能使用代码替代:比如(>)&空格()&»(»)等等。...2、库引入:原则上仅引入jQuery库,若需引入第三方库,须与团队其他人员讨论决定。 3、变量命名:驼峰式命名.原生JS变量要求是纯英文字母,首字母须小写,如myVue。...jQuery变量要求首字符为'_',其他与原生JS规则相同,如:_myVue。另,要求变量集中声明,避免全局变量. 4、类命名:首字母大写,驼峰式命名.如MyVue。

    2K21

    web前端开发规范总结

    2、所有文件夹及文件使用英文命名(避免使用中文路径)。 3、html文件:入口文件使用index.html。如果有对应的设计组设计原稿,需要将对应的设计稿html文件命名一致并合理存放。...3、所有编码需要遵循html(XML)标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(),hr()等。属性值用双引号。...给重要的元素截断的元素加上title。 14、给区块代码及重要功能(比如循环)加上注释,方便后台添加功能。 15、特殊符号使用:尽可能使用代码替代:比如(>)&空格()&»(»)等等。...2、库引入:原则上仅引入jQuery库,若需引入第三方库,须与团队其他人员讨论决定。 3、变量命名:驼峰式命名.原生JS变量要求是纯英文字母,首字母须小写,如myVue。...jQuery变量要求首字符为'_',其他与原生JS规则相同,如:_myVue。另,要求变量集中声明,避免全局变量. 4、类命名:首字母大写,驼峰式命名.如MyVue。

    1.4K10

    如何编写高效的jQuery代码(转载)

    (top_100_li);// DOM操作只有这么一次 四、命名规范   jQuery代码中不免夹杂有JS代码,如何让jQuery代码看起来严谨有序,规范自己的命名规则能更好的提高代码的阅读性。   ...,遵循骆驼命名法,首字母小写,单词首字母大写,尽量短而且明确表达方法的用意。   ...变量名例如:var $hidd_userId; var $tbl_userList; var $tr_userList_1;,通常以下划线为单词分割,按照【元素类型_命名_索引】的规则。...(以下按效率由高到低列出)   ①ID选择器标签元素选择器:   $("#id"); $("tag"); jQuery内部会自动调用浏览器的原生方法(getElementById();,getElementByTagName...$(window).load(function(){ // 页面完全载入(包括所有的DOM元素JS代码)后才初始化的jQuery函数. }); 由于 "$(function{});""$

    75320

    Web 前端开发代码规范

    -- /XXX模块 --> 2.2.4标签与属性 1、由于html标签属性不区别大小写,所有建议都采用小写,尤其是自定义标签属性名,否定js中取不到,如: <div data-bgColor="red...否则变量就会暴露在全局上下文中, 这样很可能会<em>和</em>现有变量冲突(es6中let修复<em>了</em>这个问题)。...:len 四、 <em>jQuery</em>性能优化 ——总是从ID选择器开始继承 <em>jQuery</em>中最快的筛选器是ID筛选器,这是因为它直接<em>和</em>JS原生方法getElementById()对应。...——缓存<em>JQuery</em>对象 要养成将<em>jquery</em>对象缓存进变量的习惯,避免进行多次查找,另外为了区分普通的JS对象<em>和</em><em>jQuery</em>对象,建议在变量首字母前加上$符号。...所有文件(.<em>html</em>、.css、.js、图片)<em>命名</em>,如需要两个单词表示的,使用””下划线连接符(如:indexinfo.<em>html</em>)。

    3.2K10

    如何优化前端页面 如何优化网页

    2.2.1 书写HTML代码的时候,遵循标签语义化的要求,根据标签的语义性进行选择,如布局使用div、标题使用h系列标签、段落使用p标签等 2.2.2 HTML代码要合理嵌套,一般情况下,行元素当中不能包含块元素...legend,不能直接包含input元素。...3 样式 3.1 基本代码规范 3.1.1 CSS规则命名中,一律采用小写加中划线的方式,不使用下划线或大写字母,命名采用更简明有语义的英文单词进行组合,进行合理的缩写 3.1.2 CSS代码的书写顺序遵循...4 JS方面 4.1 变量 4.1.1 合理命名,遵循基本的命名规范,并遵循命名推荐:属性/变量以名词开头,方法/函数以动词开头,遵循小驼峰,构造函数使用大驼峰,常量所有字母均大写。...5.4 合理使用图片预加载图片懒加载。 6 上线准备 6.1 在上线之前对html、css、js文件进行压缩。

    2.5K80

    Web前端中的命名规则

    语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素; 8....重要图片必须加上alt属性; 给重要的元素截断的元素加上title; 14. 给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能; 15....库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定; 3. 变量命名: 驼峰式命名....原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为'_', 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明...类命名: 首字母大写, 驼峰式命名. 如 ITaoLun; 5. 函数命名: 首字母小写驼峰式命名. 如iTaoLun(); 6. 命名语义化, 尽可能利用英文单词或其缩写; 7.

    2.3K90

    Web前端开发代码规范(基础)

    -- /XXX模块 --> 2.2.4标签与属性 1、由于html标签属性不区别大小写,所有建议都采用小写,尤其是自定义标签属性名,否定js中取不到,如: <div data-bgColor="red...否则变量就会暴露在全局上下文中, 这样很可能会<em>和</em>现有变量冲突(es6中let修复<em>了</em>这个问题)。...,长度:len 四、 <em>jQuery</em>性能优化 ——总是从ID选择器开始继承 <em>jQuery</em>中最快的筛选器是ID筛选器,这是因为它直接<em>和</em>JS原生方法getElementById()对应。...——缓存<em>JQuery</em>对象 要养成将<em>jquery</em>对象缓存进变量的习惯,避免进行多次查找,另外为了区分普通的JS对象<em>和</em><em>jQuery</em>对象,建议在变量首字母前加上$符号。...2、所有文件(.<em>html</em>、.css、.js、图片)<em>命名</em>,如需要两个单词表示的,使用"_"下划线连接符(如:index_info.html)。

    1.8K21

    GOGO-前端开发规范

    -- /XXX模块 -->复制2.2.4标签与属性1、由于html标签属性不区别大小写,所有建议都采用小写,尤其是自定义标签属性名,否定js中取不到,如:<div data-bgColor="red...否则变量就会暴露在全局上下文中, 这样很可能会<em>和</em>现有变量冲突(es6中let修复<em>了</em>这个问题)。....—— js常见参数<em>命名</em>建议<em>元素</em>:elem,  参数:arg,对象:obj,数组:arr,  指令:ret,长度:len四、 <em>jQuery</em>性能优化——总是从ID选择器开始继承<em>jQuery</em>中最快的筛选器是...——缓存<em>JQuery</em>对象要养成将<em>jquery</em>对象缓存进变量的习惯,避免进行多次查找,另外为了区分普通的JS对象<em>和</em><em>jQuery</em>对象,建议在变量首字母前加上$符号。...2、所有文件(.<em>html</em>、.css、.js、图片)<em>命名</em>,如需要两个单词表示的,使用"_"下划线连接符(如:index_info.html)。

    23320

    制定自己团队的前端开发规范

    命名规范 项目命名 全部采用小写方式, 以下划线分隔。例:my_project_name 目录命名 参照项目命名规则; 有复数结构时,要采用复数命名法。...例:error_log.html HTML规范 语法: 缩进使用tab(2个空格); 嵌套的节点应该缩进; 在属性上,使用双引号,不要使用单引号; 属性名全小写,用中划线(-)做分隔符; 要在自动闭合标签结尾处使用斜线... 标准模式 在开头规定doctype,来启动标准模式,doctype要大写。 ......标准变量采用驼峰式命名 'ID'在变量名中全大写 'URL'在变量名中全大写 'Android'在变量名中大写第一个字母 'iOS'在变量名中小写第一个,大写后两个字母 常量全大写,用下划线连接 构造函数...,大写第一个字母 jquery对象必须以'$'开头命名 var thisIsMyName; var goodID; var reportURL; var AndroidVersion; var

    89920

    什么是PEP8?

    四空格规则并不总是必需的,对于延续行可以忽略。...同时,Python的命名约定有点混乱,但这里有一些可以很容易地遵循。 根据总体原则,作为 API 的公共元素对用户可见的名称应遵循表示用法而不是实现的约定。...单个小写字母 e =2 单个大写字母 E = 2 小写 num = 5 带下划线的小写 input_number = 5 大写 NUM = 2 带下划线的大写字母 INPUT_NUMBER = 5 大写单词...python中的命名约定 下表显示 Python 中一些最常见的命名样式 - 类型 命名约定 例子 功能 它可以是小写单词,也可以是下划线分隔的单词。...PEP 8 中指定内联注释的以下限制。 以 a 单个空格开始您的评论。 谨慎使用内联注释 我们应该将内联注释与它们所引用的语句分开在同一行。

    1.3K40

    JQuery高级

    i表示忽略小写 var re = /规则/正则的参数 使用:re.test(数据) // 列一个变量,存储正则规则; 用这个变量去test某个数据 -- 匹配...true 不匹配false // g 全文搜索 i表示忽略小写 // var re = new RegExp(规则, 正则表达式的参数) //...jQuery中定义变量的时候,一般命名用$开头。同事一看就知道是使用了jQuery,然后使用jQuery的语法。 其实$是jQuery中的一个函数。...on的第二种用法:只给未来元素绑定命令的意思是没有提高代码效率,而是起到了给现在已有未来元素绑定命令。 <!...标签===标记====元素 < 节点(包含标签、标签的内容、标签的属性) 网页文档的根:html标签 html的子标签是headbody 纯前端会学很多东西,后端不需要了解全部,知道其中的原理即可。

    1.5K50

    「  Java语言标识符(上篇)  」

    什么是标识符 ①在Java源程序中凡是程序员有权利自己命名的单词都是标识符 ②标识符可以标识哪些元素呢 1.类名 2.方法名 3.变量名 4.接口名 5.常量名 .........:在大部分编程软件中,标识符通常高亮色为黑色(方便区分) 例如: Public class IdentifierTest01 (IdentifierTest01是自定义的标识符,可以自己起名,建议遵循命名规范...标识符的命名规则 注意:不按照规则来,编译器将会报错,这是语法 ①只能以数字.字母.下划线.以及美元符号组成,不含其他 ②不能与数字开头 ③严格区分大小写 ④理论上无长度限制 3....命名规范(可以忽略,但不建议) ①见名知意 ②遵守驼峰命名方式 例如: SystemService UserService CustomerService ....(只是举个栗子) ③类名,接口名:首字母大写,后面每个单词首字母大写 ④变量名,方法名:首字母小写,后面每个单词首字母大写 ⑤常量名:全大写

    35910

    关于python中带下划线的变量函数的意义

    2 函数方法总体而言应该使用,小写下划线。但有些比较老的库使用的是混合大小写,即首单词小写,之后每个单词第一个字母大写,其余小写。但现在,小写下划线已成为规范。..._user = user3 类类总是使用驼峰格式命名,即所有单词首字母大写其余字母小写。类名应该简明,精确,并足以从中理解类所完成的工作。...Python 是动态类型语言,静态类型检测违背其设计思想。断言应该用于避免函数不被毫无意义的调用。...6 其他6.1 使用 has 或 is 前缀命名布尔元素is_connect = Truehas_member = False6.2 用复数形式命名序列members = ['user_1', 'user...转载地址: https://www.cnblogs.com/fanpl/articles/9260524.html

    10.6K42

    riot.js教程【五】标签嵌套、命名元素、事件、标签条件

    前文回顾 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期; riot.js教程【二...】组件撰写准则、预处理器、标签样式装配方法; riot.js教程【一】简介; 标签嵌套 让我们定义一个父标签account,一个子标签subscription <subscription...opts.show_details // access to the parent tag var parent = this.parent 注意:show_details的命名方式...,这里不能写成驼峰式的名字,因为浏览器解析标签的时候会把大写转成小写 接下来我们把account标签添加到页面的body中 <...yield占位符输出的,其实是text变量 这就是在标签内嵌入HTML代码 命名元素元素具备ref属性的时候, 这个元素会被链接到this.refs上, 这样你就可以很方便的用JS访问到它 <login

    3.9K80

    APP 莫名崩溃,开始以为是 Header 中 name 大小写的锅,最后发现原来是容器的错!

    0xDF : 0xFF); } 这块的含义 如果 b 是小写字符则 b & 0xDF 如果 b 是大写字符则 b & 0xFF 对照 ASCII 表,大小写字母相差 32 而 0xFF(255) ...所以也就出现我所遇到的问题。 当然理论上 APP 客户端不应该测试预发布使用大写,而生产使用小写。...,不能为空 忽略小写,不能为空 使用 Map 获取所有请求头 Map 的 key 传入 headerName 大小写的一致,保持一致可获取到 Map 的 key 全是小写,需要使用小写headerName...HttpString.hashCodeOf(headerName) 忽略小写 调用 MimeHeaders#getValue 忽略小写 HttpFields#get 忽略小写 通过表格发现...,即使是不同的容器在使用 HttpHeaders 获取请求头是都是调用了 Spring 的 LinkedCaseInsensitiveMap 获取 header,并且内部忽略小写,这里比较推荐使用。

    1.1K20

    最新前端Vue代码风格指南大全

    一、命名规范 市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式) Snake...|- error_report.html |- success_report.html 复制代码 1.1.5 CSS 文件名 全部采用小写方式, 优先选择单个单词命名,多个单词命名以短横线分隔。...掺杂复杂业务的组件(拥有自身 data、prop 的相关处理)即业务组件应该以 Custom 前缀命名。...:全部大写下划线分割 命名规范:使用大写字母下划线来组合命名,下划线用以分割单词 const MAX_COUNT = 10 const URL = ‘http://test.host.com’...:textarea、title 外来元素:来自 MathML 命名空间 SVG 命名空间的元素 常规元素:其他 HTML 允许的元素都称为常规元素 为了能让浏览器更好的解析代码以及能让代码具有更好的可读性

    3.7K20
    领券