jQuery知识点总结(第六天)
今天工作繁忙,晚上又和所谓的'朋友',吃了自助烧烤。
但我内心是很抗拒的,不知为了什么,竟然稀奇古怪的答应了下来,竟要去吃饭。我向来不喜欢去凑热闹,特别是和志趣不投的人在一起吃,对方所说的话,自己根本没有机会插上口。
也许是自己交际面太窄,也许是自我太封闭。但这已经成为人格的一个重要组成部分了,我喜欢并维持着自己的小性格,无论好或者不好。
在人与人的这种吃喝交际中,我得不到收获与快乐。连我自己喜欢的东西也差一点不能坚持下去。
博客已经写了五天了,以后也会一直的写下去。只要没有不可抗因素,只要我对编程还保持一份乐趣,就会一直的继续下去。至少是一天一篇,不仅对于自己深入的思考有帮助,而且能够记录下自己一路上走过的路。也许三年五年过去了,我猛然回头,看到今夜微醺的我,执笔写下这一段话,会是多么的幼稚和可笑。更重要的是,如果自己学习路上遇到的难题和错误,能够给后来的学习者一点借鉴,能够理解那些晦涩难懂的概念,从而在技术上有点进步,那就再最好不过了。
今天实在没有精力和兴致继续做笔记,但来了博客园总不能空手而归。于是想起前天遇到的一个jQuery难题。
需求:
有一个密码输入框,后面有一个按钮。
当点击按钮的时候,密码框的内容变明文,再次点击的时候,密码内容变密文。
遇到的问题:
当点击的时候,用attr更改type的属性。将password改为text。
但是浏览器报错:uncaught exception type property can’t be changed
产生问题的原因:
因为IE不支持更改type的属性。jQuery无法兼容,所以舍弃了这个方法。
在非IE浏览器中,可以使用原生的JS来更改type属性。
但是在IE中,用原生JS仍然不能更改。
最终解决方案:
整体替换法,当鼠标点击的时候,先获取输入框中的值,然后remove掉整个输入框。
然后用append添加一个新的输入框,同时将type属性设置为text。
然后将刚才获取的val值添加到新的输入框中。
隐藏也是如此。
今天没有打一个代码。明天好好补过。
jQuery知识点总结(第六天)的更多相关文章
- jQuery知识点总结(第二天)
今天继续从我的笔记上面搬运.我们不产生知识,只是知识的搬运工. 内容过滤选择器: ○ 内容选择过滤器 $("div ...
- jQuery知识点总结(第一天)
整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下 ...
- Asp.Net 之Jquery知识点运用
1.先把要用的body内的代码写好. <div id="ulBox"> <h3>下面的Ulid为"ulList1"</h3> ...
- JQuery知识点总结
一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...
- Jquery知识点
Jquery $代表选择器 JS 选取元素 操作内容 操作属性 操作样式 <div id="aa" style="width:100px; height:100px ...
- Jquery知识点梳理
Jquery $代表选择器 JS 选取元素 操作内容 操作属性 操作样式 <div id="aa" style="width:100px; height:100px ...
- jQuery知识点一 each()和toggleClass()
jQuery的一些东东比较容易忘,所以在这里整理一下... ... 1. each (1) $(selector).each(function(index,element)) inde ...
- JQUERY 知识点的自我总结
一.名词释义 1 .js的入口函数:要等待文档树的加载完成,并且等待所有图片.文件都加载完成之后才开始执行. 2 .jquery入口函数会等待文档树的加载完成,并不会等待图片还有文件的加载 3 .j ...
- jQuery知识点总结(第五天)
节点的操作和数据库操作一样,无非是增.删.改.查. 今天总结删除节点.复制节点.替换节点.与包裹节点 删除节点: 如果文档中一个元素多余,那么就需要删除掉.jQuery提供了三种删除节点的方法.分别是 ...
随机推荐
- infer.net 入门2 用一个侦探故事来讲解,通俗易懂
The results look OK, but how do you know that you aren’t missing something. Would a more sophisticat ...
- Bootstrap系列 -- 7. 列表排版方式
一. 去点列表 1. 使用class=list-unstyled <ul > <li>无序列表项目</li> <li>无序列表项目</li> ...
- EF增删改查操作
增 using (StudentEntities ent = new StudentEntities()) { User aNewUser = new User() { Age = , Name = ...
- js 漩涡
What's the ball's orbit if they head for it's next ball. <html> <canvas id="ca"&g ...
- 1020关于mysql一个简单语句的执行流程
MySQL的语句执行顺序 转自http://www.cnblogs.com/rollenholt/p/3776923.html MySQL的语句一共分为11步,如下图所标注的那样,最先执行的总是FRO ...
- “Ceph浅析”系列之一——前言
开源技术专家章宇同学(@一棹凌烟)在C3沙龙分享过Ceph之后,最近来了劲头,一口气写了一系列<Ceph浅析>的博文,共8篇: "Ceph浅析"系列之一--前言 &qu ...
- 链队列的C/C++实现
#include <iostream> using namespace std; const int N = 10; typedef int ELEMTYPE; typedef struc ...
- innerHTML和appendChild的性能
目测innerHTML比appendChild好了3到4倍, 但是界面渲染还是很慢啊: chrome结果 /** *chrome浏览器; * innerHTML appendChild * 1千条的 ...
- mindmup-editabletable-编辑table的使用
官方网站:http://mindmup.github.io/editable-table/ github下载地址:https://github.com/mindmup/editable-table 我 ...
- sql-schema与catalog
schema: 指的是说当偶create database caiceclb时,caiceclb就是一个schema catalog: 指的是所有的database目录,就像上图显示的那样,将MySQ ...