任务是大写字符串的第一个字母而不使用toUpperCase()方法借助jQuery。下面讨论了两种方法:
方法1:在此示例中, css()方法用于设置文字转换属性重视大写.
例子:
<
!DOCTYPE HTML>
<
html >
<
head >
<
title >
How to convert first letter of a
string to upper case using jQuery?
<
/ title >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js" >
<
/ script >
<
/ head >
<
body style = "text-align:center;
" >
<
h1 style = "color:green;
" >
lsbin
<
/ h1 >
<
p >
Click on the button to
perform the operation.
<
/ p >
Type Here: <
input id = "input" />
<
br >
<
br >
<
button onclick = "GFG_Fun()" >
Click Here
<
/ button >
<
p id = "GFG" >
<
/ p >
<
script >
var geeks = document.getElementById('GFG');
function GFG_Fun() {
$('#input').css('textTransform', 'capitalize');
geeks.innerHTML = "Text is capitalized";
}
<
/ script >
<
/ body >
<
/ html >
输出如下:
文章图片
方法二:在此示例中, 我们使用CSS属性执行操作。新的ID已添加到设置属性的元素中文字转换to大写.
例子:
<
!DOCTYPE HTML>
<
html >
<
head >
<
title >
How to convert first letter of a
string to upper case using jQuery?
<
/ title >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js" >
<
/ script >
<
style >
#capital {
text-transform: capitalize;
}
<
/ style >
<
/ head >
<
body style = "text-align:center;
" >
<
h1 style = "color:green;
" >
lsbin
<
/ h1 >
<
p >
Click on the button to
perform the operation.
<
/ p >
Type Here: <
input id = "input" />
<
br >
<
br >
<
button onclick = "GFG_Fun()" >
Click Here
<
/ button >
<
p id = "GFG" >
<
/ p >
<
script >
var geeks = document.getElementById('GFG');
function GFG_Fun() {
$('#input').attr('id', 'capital');
geeks.innerHTML = "Text is capitalized";
}
<
/ script >
<
/ body >
<
/ html >
【如何使用jQuery将字符串的首字母转换为大写()】输出如下:
文章图片
推荐阅读
- 如何使用C++库中的boost::split(示例)
- 网络安全和信息安全之间有什么区别()
- win7下“菜式齐全”免费刻录“大餐”
- xp系统下自动定时关机,别忘Shutdown程序
- 虚拟内存不足的3大处理办法及9大缘由
- 不可或缺的Photoshopcs快捷键
- 高手教你恢复误删文件的秘籍
- 不可缺少的XP系统重装的小窍门
- 安装系统 高效重装系统的那些秘籍