jquery实例--文本操作

阻止文本换行:

  • replace(regexp/substr,replacement);
  • demo
    • 第一个参数可以是字符串或正则;
    • replace(/\ +/g,"")); //去掉空格
    • replace(/[\r\n]/g,"")); //去掉回车换行

文本限制字数:

  • substring(start,end); //start包括,end不包括;
  • demo
    • 注意keyup和keydown的效果区别;
    • 更好的方法是允许多写字数,但提示超出字数并不运行提交;

提示文本的显示和隐藏:

  • focus/blur
  • demo
    • 运用this.title
    • 可以对空白进行判断trim();
    • 文字闪烁效果:

文字闪烁效果:

  • setInterval/clearInterval
  • demo
    • 注意将要替换的css效果都设置为同级别;
    • 主要是用setInterval来控制classname的改变;
    • 写成方法后重复使用;
时间: 2024-12-23 02:10:11

jquery实例--文本操作的相关文章

jquery实例--页面操作

显示/隐藏: show/hide(speed,callback); toggle(speed,callback); 淡入淡出: fadeIn/fadeOut(speed,callback): fadeToggle(speed,callback); fadeTo(speed,opacity,callback); //以上speed都可用字符串'fast/slow',或毫秒数字:对css中声明"visibility:hidden"的元素无效:

jquery实例--窗口操作

居中的弹出框: demo 设置框和背景的时候position用fixed; 要设置居中的话要获取浏览器的宽高及框的数据后计算: 考虑浏览器大小变化resize()和滚动条滚动scroll()的情况:

Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}

之前已经讲过了 Selenium 操作 Select 实现的下拉列表:Selenium2学习-010-WebUI自动化实战实例-008-Selenium 操作下拉列表实例-Select,但是在实际的日常网页开发中,实现下拉列表的方法.样式.特效有 N 多种,但是无论实现的方法有多少不同,其都会遵循一定的规律,在此我就不再赘述了(有兴趣的小主,可以找有经验的前段请教一下).同时,此类实现的下拉列表在使用 Selenium 进行定位时,往往不尽如人意,定位比较繁琐. 此文仅以 淘宝网账户注册时选择手

10分钟学会基于ASP.NET的 JQuery实例 (转)

本文介绍如何在ASP.NET(ASP.NET/AJAX)里使用基于JQuery的AJAX技术.(源代码下载见最后) 在使用JQuery前,请到www.jquery.com下载最新版本的js代码,然后再代码里使用 <script src="_scripts/jQuery-1.2.6.js" type="text/javascript"></script>即可,当然,由于微软已经把JQuery集成到VS里,所以你可以到WWW.ASP.NET/aj

Ajax-04 jQuery Ajax 常用操作

jQuery jQuery 其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能. jQuery Ajax a.概述 jQuery 不是生产者,而是大自然的搬运工 jQuery Ajax 本质是 XMLHttpRequest 或 ActiveXObject b.使用 --- 下载导入jQuery(2.+ 版本不再支持IE9以下的浏览器) jQuery Ajax常用操作 jQuery.ajax( url [, settings ]

jQuery使用(十一):jQuery实例遍历与索引

each() children() index() 一.jQuery实例遍历方法each() jQuery实例上的each()方法规定要运行的函数,并且给函数传入两个参数:index,element.这个方法本身应用非常的简单,所以要来点不简单的东西,请看以下代码: <ul> <li></li> <li></li> <li></li> </ul> //js //需求一是将每个li的索引值作为文本添加给对应的li

【JAVAWEB学习笔记】28_jqueryAjax:json数据结构、jquery的ajax操作和表单校验插件

Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用   一.json数据结构 1.什么是json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯.这些特性使JSON成 为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

jQuery监控文本框事件并作相应处理的方法

本文实例讲述了jQuery监控文本框事件并作相应处理的方法.分享给大家供大家参考.具体如下: //事情委托 $(document)  .on('input propertychange', '#query', function(){   var input = $(this).val();   show(input);  });  var show = function(txt){   var info = '监听:<b>' + txt + '</b><br /><

js,jQuery和DOM操作的总结(二)

jQuery的基本操作 (1)遍历键值对和数组 var arr = [9, 8, 7, 6, 5, 4]; $.map(arr, function (ele, index) { alert(ele + '===' + index); //第一个参数是数组里面的值,第二个参数是索引 }) //=========================================// var keyWord = { "name": "老牛", "age"