js jq分割字符串并延时加载到页面元素

最新推荐文章于 2023-01-18 21:08:53 发布
最新推荐文章于 2023-01-18 21:08:53 发布
阅读量960 收藏
点赞数
分类专栏： jQUERY javascript原生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lifushan123/article/details/50464974
版权

直接解析


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Lifushan`s</title>
	<meta name="keywords" content="关键字列表" />
	<meta name="description" content="网页描述" />
	<link rel="stylesheet" type="text/css" href="" />
	<link rel = "shortcut icon" href = "indexstatic/icon.ico" />
	<style type="text/css">
	.zone{font-size:14px;float:left;max-width:200px;border:1px solid gray;margin:35px;padding:10px}
	.pic{width:180px;}
	.admin{color:black}
	</style>
	
	<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
	<script type="text/javascript">
	$().ready(function(){
	//do something
	
	var h=$("#hided").text();
	var arr=h.split('|');
	$("#title").text(arr[0]);
	$("#author").text(arr[1]);
	$("#content").text(arr[2]);
	//alert(h);
	
})
	
	</script>
</head>
<body>
标题：<span id="title"> </span></br>
作者：<span id="author"> </span></br>
内容：<span id="content"> </span></br>




<div id="hided" style="display:none">你好|黎富山|今天很高兴！</div>

</body>
</html>



延时加载 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Lifushan`s</title>
	<meta name="keywords" content="关键字列表" />
	<meta name="description" content="网页描述" />
	<link rel="stylesheet" type="text/css" href="" />
	<link rel = "shortcut icon" href = "indexstatic/icon.ico" />
	<style type="text/css">
	.zone{font-size:14px;float:left;max-width:200px;border:1px solid gray;margin:35px;padding:10px}
	.pic{width:180px;}
	.admin{color:black}
	</style>
	
	<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
	<script type="text/javascript">
	$().ready(function(){
	//do something
	
	
	//alert(h);
	 function showtime(){
        var h=$("#hided").text();
		var arr=h.split('|');
		$("#title").text(arr[0]);
		$("#author").text(arr[1]);
		$("#content").text(arr[2]);
    }
    var test = setTimeout(function(){
        showtime()
    },2000);
	
})
	
	</script>
</head>
<body>
标题：<span id="title"> </span></br>
作者：<span id="author"> </span></br>
内容：<span id="content"> </span></br>




<div id="hided" style="display:none">你好|黎富山|今天很高兴！</div>

</body>
</html>



二维字符串解析


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Lifushan`s</title>
	<meta name="keywords" content="关键字列表" />
	<meta name="description" content="网页描述" />
	<link rel="stylesheet" type="text/css" href="" />
	<link rel = "shortcut icon" href = "indexstatic/icon.ico" />
	<style type="text/css">
	.zone{font-size:14px;float:left;max-width:200px;border:1px solid gray;margin:35px;padding:10px}
	.pic{width:180px;}
	.admin{color:black}
	</style>
	
	<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
	<script type="text/javascript">
	$().ready(function(){
	//do something
	
	
	//alert(h);
	 function showtime(){
        var h=$("#hided").text();
		var arr=h.split('@');
		var arr1=arr[0].split('|');
		$("#title").text(arr1[0]);
		$("#author").text(arr1[1]);
		$("#content").text(arr1[2]);
		
		var arr2=arr[1].split('|');
		$("#title1").text(arr2[0]);
		$("#author1").text(arr2[1]);
		$("#content1").text(arr2[2]);
    }
    var test = setTimeout(function(){
        showtime()
    },2000);
	
})
	
	</script>
</head>
<body>
标题：<span id="title"> </span></br>
作者：<span id="author"> </span></br>
内容：<span id="content"> </span></br></br></br>

标题：<span id="title1"> </span></br>
作者：<span id="author1"> </span></br>
内容：<span id="content1"> </span></br>


<div id="hided" style="display:none">你好|黎富山|今天很高兴！@你不好|黎科恩|今天很苦恼！</div>

</body>
</html>


lifushan123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery分割字符串的方法
01-19
本文实例讲述了jquery分割字符串的方法。分享给大家供大家参考。具体如下： 一、问题： 返回的数据是字符串用特殊字符@分割sss@vvv，怎么返回给2个id $(“#a”).text(data) $(“#b”).text(data) 怎么让他们同时显示，分别对应字符串的2个部分 a对应sss，b对应vvv 二、解决方法： var arr = 'sss@vvv'.split('@'); $(#a).text(arr[0]); $(#b).text(arr[1]); 希望本文所述对大家的jQuery程序设计有所帮助。
Js与Jq 获取页面元素值的方法和差异对比
10-24
主要介绍了原生js获取浏览器和对象宽高与jquery获取浏览器和对象宽高的方法关系对比,十分实用，需要的朋友可以参考下
jq拆分字符串
weixin_48778400的博客
11-02 893
//按照回车 , ; ， ； 拆分 function foo(str){ var temp = str.split(/[\n,\n;\n，\n；]/g); for(var i =0;i<temp.length;i++){ if(temp[i] == ""){ temp.splice(i, 1); //删除数组索引位置应保持不变 i--; } } return temp
jq 字符串分割
hugejihu9的专栏
12-24 2898
文章来自：源码在线https://www.shengli.me/jquery/476.html  
JQ实现数据分割
y_l33的博客
01-18 365
JQ实现技术分割
jQ处理xml文件和xml字符串的方法(详解)
09-01
在本文中，我们将深入探讨如何使用jQuery（简称jQ）处理XML文件和XML字符串。XML（eXtensible Markup Language）是一种数据交换格式，广泛应用于数据传输和存储。jQuery库提供了一种方便的方式来操作和解析XML文档，...
jq延迟加载
04-16
获取浏览器顶部到标签顶部的距离,当滚动与不滚动可以延长加载图
JavaScript中字符串(string)转json的2种方法
10-24
主要介绍了JavaScript中字符串(string)转json的2种方法,两种方法分别是使用js函数eval()和、使用jquery.parseJSON()方法,需要的朋友可以参考下
JQuery 分割字符串
weixin_30701521的博客
10-09 891
JQuery 分割字符串 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.m...
jquery(split分割)
09-09
jquery实现split分割，这个问题我刚写的时候就很头疼，不过解决了哈哈，供大家参考哦
jQuery拆分字符串 split()并且遍历$.each()
热门推荐
deideidei13的博客
05-15 4万+
字符串名.split(separator,howmany)separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。该方法会得到一个字符串数组...
JQuery中 数组与字符串(过滤，排序,拆分，合并)
ws_hgo的专栏
07-26 2万+
1.操作数组元素--将数组中的元素转换为大写显示出来 $(document).ready(function () { var NamePosition = $("#names");
jq 时间字符串分割成 时间格式
Ming-code
01-20 597
代码 function dataS(dateString) { var dateStr = dateString.replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3 $4:$5:$6"); console.log(dateStr) return dateStr; } dataS("201908161...
JQuery 分割函数(split)的用法和定义
sinolzeng的专栏
10-29 2万+
想把数字123分割成1，2，3,一开始想到JS有一个split函数，但是有没有想到的是可以通过它实现该功能，本来以为split函数的参数需要加一些分割符。 实现代码如下： var ddaystrs= new Array();ddaystrs = String("123").split(""); 定义和用法 split() 方法用于把一个字符串分割成字符串数组。 语法 stringO
python支持complex_Python标准库内置函数complex介绍
weixin_39548968的博客
11-28 131
from:http://www.jb51.net/article/57798.htm本函数可以使用参数real + imag*j方式创建一个复数。也可以转换一个字符串的数字为复数；或者转换一个数字为复数。如果第一个参数是字符串，第二个参数不用填写，会解释这个字符串且返回复数；不过，第二个参数不能输入字符串方式，否则会出错。real和imag参数可以输入数字，如果imag参数没有输入，默认它就是零值...
jquery分离方法split()
machihaoyu的专栏
07-01 1279
(http://www.w3school.com.cn/jsref/jsref_split.asp)<html> <body><script type="text/javascript">var str="How are you doing today?"document.write(str.split(" ") + "<br />") document.write(str.split("") +
jquery 根据分类id分割数组
菜鸟先飞
06-02 378
写项目的时候遇到一个问题，后端把所有的数据返回到一个数组里，根据分类的id来判断是属于哪一类的，现在把分类的方法记录一下。
jq字符串查找第几位并替换
最新发布
05-25
如果您是在说 `jq` 命令行工具，请提供更具体的信息，例如要查找的字符串、要替换的值以及要在 JSON 数据对象中查找的路径等。...如果要替换多个出现的子字符串，可以使用 `while` 循环查找并替换，直到找不到为止。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值