欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

Jquery循环过滤空格+限制字数方法

js教程 我的站长站 2020-07-17 共43人阅读

Jquery循环过滤空格+限制字数方法,常用来处理AJAX返回的数据种,非常常用。

语法示例

$(".11px p").each(function() {
var max=40;
var t = $(this).text().replace(/ +/g,"");
if($(this).text().length>max){
    $(this).text($(this).text().substring(0,max));
    $(this).html($(this).html()+"...");
}
});

each循环执行,首先用正则过滤空格换行,然后判断字数大于40就分隔提取,最后加上省略号增加用户体验。

相关推荐
  • jquery教程
  • jquery方法
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file宽高的代码如下,仅在火狐中测试了,其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...

    js教程 128 5年前
  • Jquery实战视频教程 6小时精通Jq
    Jquery实战视频教程 6小时精通Jq

    Jquery实战视频教程 6小时精通Jq,实现小应用,附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...

    视频教程 119 4年前
  • JQuery鼠标移动添加删除样式

    JQuery鼠标移动添加删除样式方法,下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件,下面的B标签显示,后门的function就是鼠标移开隐藏。...

    js教程 109 4年前
  • jQuery1.11.3参考手册.chm下载
    jQuery1.11.3参考手册.chm下载

    jQuery1.11.3参考手册.chm,包含以下主要内容:速查表、核心、选择器、属性、筛选、文档处理、CSS、事件、效果、Ajax、工具、事件对象、延迟对象、回调函数jQuery手册截图...

    电子书 55 3年前
  • jQuery淡入淡出效果语法教程

    实现前端特效的方法很多,最方便的还是css,当然有些特效还是使用JavaScript脚本比较简单,具体的还得看情况而定。jquery作为高度封装的JavaScript,它给我们提供了一些特效实现方式,我们一起来学习下吧。jQuery Fading 方法通过 jQuery,您可以实现元素的淡入...

    js教程 83 4年前
  • jquery获取第几个索引方法

    使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始,所有第一个元素的 index 值是 0(不...

    js教程 23 1年前
  • jquery控制radio单选框勾选和取消勾选方法

    attr()方法勾选$("input[type='radio']").attr("checked",'checked');取消勾选$("input[type='radio']").removeAttr('checked');prop()方法勾选$("input[type='radio&#...

    js教程 62 1年前
  • jquery返回网站顶部方法大全

    1、基础版,只带返回顶部功能<!doctype html><html><head> <meta charset="UTF-8"> <title>返回顶部</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <style type=&...

    js教程 30 1年前
  • LazyLoad按需懒加载使用方法

    LazyLoad介绍LazyLoad效果截图LazyLoad是一款非常热门的图片缓加载JS插件,您能看到的大部分网站图片懒加载都是基于这款JS框架开发。LazyLoad功能LazyLoad懒加载框架可以使图片缓加载,滚动条没拖到的地方暂不加载图片,优先加载用户能看到的图片,等用户拖...

    js教程 108 3年前
  • 本地储存window.localStorage使用方法

    window.localStorage

    js教程 94 4年前