理解jQuery库及其作用
说起jQuery这货，那就是个牛逼的JavaScript实用工具包，能让编程变得简单轻松多了。比如说你想要随心所欲地操控HTML网页里的元素，处理突然发生的事件，或者做出炫酷的动画特效，有了它，麻溜多了。但有时候，你可能不想用户随便乱动你的某个输入框对不对？别急，今天我们就来分享个技巧，告诉你怎么聪明地运用jQuery库来解决这个小麻烦！
记住哦在jQuery里，那个叫prop()的家伙就是专门管对象属性那些事的。比如设定和查看属性值啊这类事情。貌似让input只可看不可动的只读模式有点难搞定对？别慌，有了这个prop()，一切难题都能迎刃而解！直接给readonly赋个真值就行！再来个例子，假定我们这里有个”myInput”键盘输入，想让它只供浏览不想编辑咋办？简单直接地来：
javascript$('#myInput').prop('readonly', true);把那个叫"myInput"的东西设为只读，就是这么简单。
你瞧这儿，我们用美元符号$来表示jQuery；#myInput就是说那就要动的输入框的编号。接下来就让jQuery出手，把那个readonly标签变回正常状态，这样就不怕人家乱改喽~
如果这个输入框还是无法使用，试试把’stue’改成’doe’,就可以解决哦～
使用attr()方法设置input元素只读属性
别只知道用prop(),fixed属性这个小问题attr()也能解决！不过，这俩其实还不太一样的。attr()基本上是处理HTML标签的事儿，和DOM操作没太大关系。
试试这个，就在那个名叫’myInput’的输入框上用attr函数添加点只读属性，就行了
咱们得把那个’输入框'(myInput)设置为’只读’状态其实很容易的哈~~只需要这么做：$(‘#myInput’).attr(‘readonly’,’readonly’)。
这儿，’readonly’就是我给这个属性起的名儿。用上它，输入框就会被锁定了。想定制？只要把这两句删掉就行
attr()真的很强，啥子属性它都能搞定，就连你那些天马行空的想法也都不在话下！
总结不同方法的应用场景
$('#myInput').attr('readonly', 'readonly');你觉得 input 需要可读吗？这完全取决于你自己咯～一般的做法是用prop()或attr()，不过，敲代码还得遵循些规则，就是要保证程序正常运行，还有代码整洁好看什么的。要是牵扯到敏感信息，那就得多留心！
除了我前面说的那两种方法以外，这里再教你个小妙招：给输入框添点儿CSS特效，这样人家不论怎么搞都能看出点门道来了。选啥样的办法就得看你自己现场情况而定~
安全性问题与建议
保护隐私超重要滴，特别是那些不能让别人猜到的小事情！所以，设个选项框可不行你家门口的事大家都能看见
技术更新与发展趋势
你知道吗？前端技术这几年可进步飞快！就说那个 HTML 5，把原来平平无奇的表单弄得可炫酷多了，还有很多实用的新功能。现在还有 React、Vue等高级框架，处理个控件状态和属性什么的那都不是事儿~
社区反馈与问题解决
碰到表单控件只读属性这个问题别担心，网上啥都能找到方法学。搞不懂的话就上网问呗。作为程序猿，我们得多动脑筋，多和大家聊天，分享自己的观点和经验
结语
今天教你们一招 jQuery 简易操作，搞定输入框那啥只能让人看不能写的事儿！虽然文章里藏了点小秘密，比如说基础知识点啦、几种我们常用的小技巧啥的，还有些你可能没碰到过的小问题（注意安全啦）之类的…别慌，你肯定看得懂得！对那些想学编程的小伙伴或许会有些许帮助~
评论0