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提供了三种删除节点的方法.分别是 ...
随机推荐
- Asp.Net Core-几行代码解决Razor中的嵌套if语句
MVC开发中,经常会遇到在razor中插入简单的逻辑判断. @if (clientManager.IsAdmin) { if (!Model.Topic.Top) { <a asp-action ...
- Android实现滑动刻度尺效果,选择身高体重和生日
刻度尺效果虽然看起来很美,我个人认为很不实用,即使再不实用,也有用的,鉴于群里成员对我的苦苦哀求,我就分享一个他用不到的,横屏滑动刻度尺,因为他需要竖屏的,哈哈…… 最近群里的开发人员咨询怎样实现刻度 ...
- koala不支持中文的解决办法(问题出现在使用中文字体时报错)
C:\Program Files\Koala\rubygems\gems\sass-3.4.9\lib\sass 这是我的koala的安装路径,在sass文件夹下打开engine.rb(文本文档打开即 ...
- EXCEL时间日期转换为常规字符显示
当我们做报表导入的时候,我们不得不思考这样一个问题,遇到的数据是时间格式的,而在EXCEL中,时间格式的单元格实际上是以1900年以后来计算的,例如,1900年是闰年(显然可以被4整除),那么1900 ...
- fstream 中判断是否成功打开文件
from: http://blog.csdn.NET/zhtsuc/article/details/2938614 关于C++ fstream的一个容易使用出错的地方 关于c++ 中 文件流的两个类, ...
- Visual Studio 2013启用AnkSVN
1. 官网下载AnkSVN https://ankhsvn.open.collab.net/ 2. 安装 3. 启用 When you enable AnkhSVN as a VS.NET sour ...
- SpringMVC学习--springmvc和mybatis整合
简介 springMVC是表现层,service充当业务层,mybatis作为持久层,通过spring将这三层整合起来.如下图: 第一步:整合dao层 mybatis和spring整合,通过sprin ...
- Flexbox 布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- [转]java.sql.SQLException: 无效的列索引
原文地址:http://blog.sina.com.cn/s/blog_6bc811e401011a17.html java.sql.SQLException: 无效的列索引 “无效的列索引”其实是个 ...
- Spring_SpEL
一.本文目录 简单介绍SpEL的概念和使用 二.概念 Spring 表达式语言(简称SpEL):是一个支持运行时查询和操作对象图的强大的表达式语言.语法类似于 EL:SpEL ...