1、新建一个html文件,命名为test.html,用于讲解jquery怎么转换字母大小写。
2、在test.html文件中,使用input标签创建一个英文字母输入框,并设置其id为myinput,主要用于下面通过该id获得input对象。
3、在test.html文件内,使用button标签创建两个按钮,按钮名称为“转换为大写字母”和“转换为小写字母”。
4、在test.html文件中,给button按钮分别绑定onclick点击事件,当按钮被点击时,分别执行zhuanhua()函数和zhuanhua2()函数。
5、在js标签中,创建zhuanhua()函数,在函数内,使用$符号通过id(myinput)获得input对象,使用val()方法获脲摩喜清得input框的内容,使用toUpperCase()方法将获得的字母转换为大写字母,并使用val()方法替换掉原有字母。
6、在js标签中,创建zhuanhua2()函数,在函数内,使用$符号通过id(myi艘绒庳焰nput)获得input对象,使用val()菱诎逭幂方法获得input框的内容,使用toLowerCase()方法将获得的字母转换为小写字母,并使用val()方法替换掉原有字母。
7、在浏览器打开test.html文件,输入字母,点击按钮,查看实现的效果。