今天工作繁忙,晚上又和所谓的'朋友',吃了自助烧烤。

但我内心是很抗拒的,不知为了什么,竟然稀奇古怪的答应了下来,竟要去吃饭。我向来不喜欢去凑热闹,特别是和志趣不投的人在一起吃,对方所说的话,自己根本没有机会插上口。

也许是自己交际面太窄,也许是自我太封闭。但这已经成为人格的一个重要组成部分了,我喜欢并维持着自己的小性格,无论好或者不好。

在人与人的这种吃喝交际中,我得不到收获与快乐。连我自己喜欢的东西也差一点不能坚持下去。

博客已经写了五天了,以后也会一直的写下去。只要没有不可抗因素,只要我对编程还保持一份乐趣,就会一直的继续下去。至少是一天一篇,不仅对于自己深入的思考有帮助,而且能够记录下自己一路上走过的路。也许三年五年过去了,我猛然回头,看到今夜微醺的我,执笔写下这一段话,会是多么的幼稚和可笑。更重要的是,如果自己学习路上遇到的难题和错误,能够给后来的学习者一点借鉴,能够理解那些晦涩难懂的概念,从而在技术上有点进步,那就再最好不过了。


今天实在没有精力和兴致继续做笔记,但来了博客园总不能空手而归。于是想起前天遇到的一个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知识点总结(第六天)的更多相关文章

  1. jQuery知识点总结(第二天)

    今天继续从我的笔记上面搬运.我们不产生知识,只是知识的搬运工. 内容过滤选择器: ○ 内容选择过滤器                                       $("div ...

  2. jQuery知识点总结(第一天)

    整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下 ...

  3. Asp.Net 之Jquery知识点运用

    1.先把要用的body内的代码写好. <div id="ulBox"> <h3>下面的Ulid为"ulList1"</h3> ...

  4. JQuery知识点总结

    一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...

  5. Jquery知识点

    Jquery $代表选择器 JS 选取元素 操作内容 操作属性 操作样式 <div id="aa" style="width:100px; height:100px ...

  6. Jquery知识点梳理

    Jquery $代表选择器 JS 选取元素 操作内容 操作属性 操作样式 <div id="aa" style="width:100px; height:100px ...

  7. jQuery知识点一 each()和toggleClass()

    jQuery的一些东东比较容易忘,所以在这里整理一下... ... 1. each (1) $(selector).each(function(index,element))         inde ...

  8. JQUERY 知识点的自我总结

    一.名词释义 1 .js的入口函数:要等待文档树的加载完成,并且等待所有图片.文件都加载完成之后才开始执行. 2  .jquery入口函数会等待文档树的加载完成,并不会等待图片还有文件的加载 3 .j ...

  9. jQuery知识点总结(第五天)

    节点的操作和数据库操作一样,无非是增.删.改.查. 今天总结删除节点.复制节点.替换节点.与包裹节点 删除节点: 如果文档中一个元素多余,那么就需要删除掉.jQuery提供了三种删除节点的方法.分别是 ...

随机推荐

  1. Asp.Net Core-几行代码解决Razor中的嵌套if语句

    MVC开发中,经常会遇到在razor中插入简单的逻辑判断. @if (clientManager.IsAdmin) { if (!Model.Topic.Top) { <a asp-action ...

  2. Android实现滑动刻度尺效果,选择身高体重和生日

    刻度尺效果虽然看起来很美,我个人认为很不实用,即使再不实用,也有用的,鉴于群里成员对我的苦苦哀求,我就分享一个他用不到的,横屏滑动刻度尺,因为他需要竖屏的,哈哈…… 最近群里的开发人员咨询怎样实现刻度 ...

  3. koala不支持中文的解决办法(问题出现在使用中文字体时报错)

    C:\Program Files\Koala\rubygems\gems\sass-3.4.9\lib\sass 这是我的koala的安装路径,在sass文件夹下打开engine.rb(文本文档打开即 ...

  4. EXCEL时间日期转换为常规字符显示

    当我们做报表导入的时候,我们不得不思考这样一个问题,遇到的数据是时间格式的,而在EXCEL中,时间格式的单元格实际上是以1900年以后来计算的,例如,1900年是闰年(显然可以被4整除),那么1900 ...

  5. fstream 中判断是否成功打开文件

    from: http://blog.csdn.NET/zhtsuc/article/details/2938614 关于C++ fstream的一个容易使用出错的地方 关于c++ 中 文件流的两个类, ...

  6. Visual Studio 2013启用AnkSVN

    1. 官网下载AnkSVN  https://ankhsvn.open.collab.net/ 2. 安装 3. 启用 When you enable AnkhSVN as a VS.NET sour ...

  7. SpringMVC学习--springmvc和mybatis整合

    简介 springMVC是表现层,service充当业务层,mybatis作为持久层,通过spring将这三层整合起来.如下图: 第一步:整合dao层 mybatis和spring整合,通过sprin ...

  8. Flexbox 布局

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  9. [转]java.sql.SQLException: 无效的列索引

    原文地址:http://blog.sina.com.cn/s/blog_6bc811e401011a17.html java.sql.SQLException: 无效的列索引 “无效的列索引”其实是个 ...

  10. Spring_SpEL

    一.本文目录         简单介绍SpEL的概念和使用     二.概念 Spring 表达式语言(简称SpEL):是一个支持运行时查询和操作对象图的强大的表达式语言.语法类似于 EL:SpEL ...