JS+Jquery用法

news2024/11/18 22:43:00

1. 当存在多个select时,想要获取每一个select的选中的值(使用变量赋值的方法).

 var Metric = "";
 $('#Metric').change(function () {
     Metric = $(this).children("option:selected").val();
     console.log("Metric:" + Metric);
  });

2. 在页面中,不想通过点击按钮,或者通过添加一个无关的任何控件来实现点击的动作的方式实现页面刷新的方法。

    2.1  最low的一种方式,使用定时器刷新。

setInterval(function() {
    var dom = $("#you html dom").html();
    if(doms != dom) {
		changes();
		doms = dom;
	}
}, 100);

changes(){}  //your change function

   2.2 DOMNodeInserted事件(此方法存在ie8及以下浏览器中失效),于此相似的方法还有DOMNodeRemoved

<!Doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>change事件</title>
</head>

<body>
    <div id="container"></div>
    <script src="jquery-1.11.3.js"></script>
    <script>
        $(document).ready(function () {
            $("#container").bind("DOMNodeInserted", changes);
        }
        
	    function changes() { }
    </script>
</body>

</html>

  2.3 手动添加change事件

<!Doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>change事件</title>
</head>

<body>
    <div id="container"></div>
    <script src="jquery-1.11.3.js"></script>
    <script>
        $(document).ready(function () {
            $("#container").bind("change", changes);
        }
        
	    function changes() { }
    </script>
</body>

</html>

3.Json  to Object

 3.1 利用确定的对象,可以使用(List<objecttype>)JsonConvert.Deserialize<List<objecttype>>((string)json);

3.2 只能确定部分的key -value的处理。-----使用JArray.Parse((string)json)返回json字符串所能拥有的object类型。

4. Js直接获取一个集合中的最大值

//tuning max only, keep 0 for min; 
    var max = availArray.reduce(function (highest, count) {
        return Math.max(highest, count)
    }, 0);

5.  js中获取对象的第一个属性名/属性值

function get_object_first_attribute(data){
    for (var key in data)
        return key;//属性名
        return data[key]; //属性值
}

6. 使用calc计算页面的大小。

使用时,如果是* or / 则不需要加空格,如果是+ or - 则需要在标识符两边添加空格。

计算页面时,既可以使用percent来分配,还可以使用vh来计算(1vh代表了占当前屏幕的百分之一)。

7. 使用toISOString()的方式获取时间的utc格式。

The toISOString() method returns a string in simplified extended ISO format (ISO 8601), which is always 24 or 27 characters long (YYYY-MM-DDTHH:mm:ss.sssZ or ±YYYYYY-MM-DDTHH:mm:ss.sssZ, respectively). The timezone is always zero UTC offset, as denoted by the suffix "Z".

8. js中let 、var、const的区别。在js中,如果声明的object类型的值,如果初始化时,没有给定初始化,则或导致后续的值被覆盖。

9. chart.js中使用mil,bil,tril替换数值。

 if (value > 100000000000) { return Math.floor(value / 1000000000000 * 100) / 100 + ' Tril'; }
 if (value > 1000000000 && value < 1000000000000) { return Math.floor(value / 1000000000 * 100) / 100 + ' Bil'; }
 if (value > 1000000 && value < 1000000000) { return Math.floor(value / 1000000 * 100) / 100 + ' Mil'; }

用三个一格分割显示数值。

value = Math.round(value).toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(','); 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1089108.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

海外代理IP与VPN有何区别?哪个更好?

当谈到网络安全和IP变更时&#xff0c;人们会想到VPN和IP代理服务器。很多人很困惑&#xff0c;它们之间有什么区别&#xff0c;应该选择哪一个呢&#xff1f;这取决于您的需求来决定哪一个更好。 一、什么是VPN与IP代理&#xff1f; VPN 是虚拟专用网络 (Virtual Private Net…

ACP.项目管理.5种复盘会议

复盘要怎么做的有水准&#xff0c;让领导满意&#xff0c;方式方法很重要。今天给你们安利5种复盘方法&#xff0c;保准你省事&#xff0c;领导还满意。 一、KPT复盘法 7月份年中一直在做和复盘相关的事&#xff0c;像公司的OKR复盘、年中战略规划&#xff0c;不过日常很多生…

Hadoop 安装教程 (Mac m1/m2版)

安装JDK1.8 这里最好是安装1.8版本的jdk 1. 进入官网Java Downloads | Oracle Hong Kong SAR, PRC,下滑到中间区域找到JDK8 2.选择mac os,下载ARM64 DMG Installer对应版本 注&#xff1a;这里下载需要注册oracle账号&#xff0c;不过很简单&#xff0c;只需要提供邮箱即可&…

【C++】模板进阶 -- 详解

一、非类型模板参数 模板参数 分类类型形参与非类型形参。 类型形参&#xff0c;即出现在模板参数列表中&#xff0c;跟在 class 或者 typename 之类的参数类型名称。 非类型形参&#xff0c;就是用一个常量作为类&#xff08;函数&#xff09;模板的一个参数&#xff0c;在类…

基于SSM的毕业生就业管理平台设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…

2023年,考PMP用处大吗?

就本身PMP的价值而言&#xff0c;不管到多少年&#xff0c;跟新迭代下&#xff0c;用处都是很大的&#xff0c;就看你会不会用。 PMP会让你学到一套系统的项目管理的流程&#xff0c;还有作为项目管理人士该具备的素质和技能&#xff0c;这就是使得&#xff0c;即便从未接触过…

谷粒商城笔记+踩坑(25)——整合Sentinel实现流控和熔断降级

导航&#xff1a; 【Java笔记踩坑汇总】Java基础进阶JavaWebSSMSpringBoot瑞吉外卖SpringCloud黑马旅游谷粒商城学成在线MySQL高级篇设计模式常见面试题源码 SpringCloud基础5——微服务保护、Sentinel 目录 一、Sentinel概述 1.1、服务流控、熔断和降级 1.2、Sentinel 简介…

能否翻译翻译,到底什么才叫“精通Java” ?

01 模糊的岗位能力标准 技术类人员的招聘始终是令HR 与技术面试官头疼的事。 在一般招聘流程中&#xff0c;当确定了某个岗位招聘需求后&#xff0c;技术面试官会与HR 一同商讨并明确该岗位的画像。 明确画像后&#xff0c;一般HR 会负责在招聘平台书写岗位JD&#xff0c;技…

不同商家的订单详情API接口可能会有不同的实现方式,下面是一个通用的订单详情API接口的示

不同商家的订单详情API接口可能会有不同的实现方式&#xff0c;下面是一个通用的订单详情API接口的示例&#xff1a; 请求方式&#xff1a;使用HTTP或HTTPS协议&#xff0c;向指定URL发送GET请求&#xff0c;获取订单详情。 URL格式&#xff1a;商家订单详情API的URL通常由两部…

nginx之基于LNMP搭建论坛

LNMP&#xff1a;企业网站的应用模式之一&#xff0c;早期的论坛架构就是lnmp搭建的 L&#xff1a;Linux平台&#xff0c;操作系统&#xff0c;是另外三个组件的运行平台 N&#xff1a;nginx&#xff0c;提供静态页面 M&#xff1a;mysql&#xff0c;数据库&#xff0c;开元…

【一些理解】搜广推:推荐、广告、搜索算法的区别、入坑?

【一些理解】搜广推&#xff1a;推荐、广告、搜索算法的区别、入坑&#xff1f; 文章目录 【一些理解】搜广推&#xff1a;推荐、广告、搜索算法的区别、入坑&#xff1f;1. 根本区别2. 目标上的区别3. 模型上的区别4. 辅助策略和算法上的区别参考 作为互联网的核心应用“搜广推…

计算机的字符与编码集

文章目录 前言一、字符编码集的历史1.ASCII码2.Extended ASCII码3.字符编码集的国际化 二、中文编码集 前言 今天给大家介绍计算机的字符与编码集&#xff0c;分为两部分&#xff1a;字符编码集的历史、中文编码集。 一、字符编码集的历史 这部分包含三个板块内容&#xff1a…

【特纳斯电子】基于物联网的空气质量检测-实物设计

视频及资料链接&#xff1a;基于物联网的空气质量检测-实物设计 - 电子校园网 (mcude.com) 编号&#xff1a; T0082203M-SW 设计简介&#xff1a; 本设计是基于物联网的空气质量检测系统&#xff0c;主要实现以下功能&#xff1a; 1.通过OLED显示模式、温度、湿度、PM2.5、…

【Java】查找jdk步骤

需求描述 解决方法 第一步 第二步 第三步 第四步 参考文章

自定义jenkins镜像提示FontConfiguration.head错误

系统使用&#xff1a;Debian12&#xff0c;jdk17 提示问题&#xff1a;缺少字体 找一台jdk8的环境&#xff0c;在lib文件夹中找到fontconfig.bfc find / -name *fontconfig* 复制到jenkins目标服务器中&#xff0c;jdk目录的lib中 再次启动jenkins服务正常

云梦富盈:智慧投资引领未来市场

随着2023年的到来&#xff0c;全球股市呈现出令人关注的趋势和挑战。投资者纷纷寻求智慧投资&#xff0c;以更好地把握市场动向。云梦富盈&#xff0c;作为一支备受瞩目的投资团队&#xff0c;正在洞悉并解析2023年全球股市的趋势&#xff0c;为投资者提供智慧投资的护航。 20…

力扣-415.字符串相加

Idea 模拟&#xff1a;竖式加法 从后面往前逐位相加&#xff0c;然后将相加的结果模10&#xff0c;添加到答案字符串中去 最后需要判断一下是否还有进位问题 需要将答案string翻转 AC Code class Solution { public:string addStrings(string num1, string num2) {string ans;…

LruCache实现原理

序、慢慢来才是最快的方法。 回顾 LRU &#xff08;Least Recently Used&#xff09;最近最少策略是最常用的缓存淘汰策略。LRU 策略会记录各个数据块的访问 “时间戳” &#xff0c;最近最久未使用的数据最先被淘汰。与其他几种策略相比&#xff0c;LRU 策略利用了 “局部性…

Sui账户抽象消除用户使用障碍,让大规模用户使用区块链成为可能

Sui通过其本机语言和两个特定功能实现了账户抽象&#xff0c;使账户管理中更加细节化的过程自动化。无论是zkLogin还是赞助交易&#xff0c;都简化了用户的使用过程&#xff0c;而Sui Move的基本结构则使开发人员能够提供丝滑的体验。 最近&#xff0c;随着区块链寻求扩大其用…

Flink(林子雨慕课课程)

文章目录 12.Flink12.1 Flink简介12.2 为什么要选择Flink12.3 Flink应用场景12.4 Flink技术栈、体系架构和编程模型12.5 Flink的安装和编程实战 12.Flink 12.1 Flink简介 企业的处理架构已经由传统数据处理架构和大数据Lamda架构向流处理架构演变 Flink实现了Goole Dataflow…