JQ工具函数运用

最新推荐文章于 2024-11-16 14:11:26 发布
最新推荐文章于 2024-11-16 14:11:26 发布
阅读量68 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/liuruitao/p/4045636.html
版权

1.把对象转换为字符串

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("button").click(function () {
                var option = {
                    user: "wangqiang",
                    pass:"123456789"
                }
                var str = jQuery.param(option);
                $("#result").text(str);
            })
        })
    </script>
    <title></title>
</head>
<body>
    <button>定义序列化字符串</button>
    <div id="result"></div>
</body>
</html>

2.处理字符串（去除空格）

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("button").click(function () {
                var str = "    ";
                alert(str.length);
                str = jQuery.trim(str)
                alert(str.length);                                  
            })

        })
    </script>
    <title></title>
</head>
<body>
    <div>

      <button> 修剪字符串</button>
    </div>
</body>
</html>

3.对数组和集合进行迭代

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            var a = [
                    { width: 400 },
            { height: 300 }
            ];
            jQuery.each(a,function(name,value)
            {
                if (name > 0) return false;//只进行一次循环即退出 需要退出each循环，返回一个false就可以了
                alert(name+="="+value);
            })

        })
    </script>
    <title></title>
</head>
<body>

</body>
</html>

4.对数组进行筛选

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        //筛选数组
        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        arr = jQuery.grep(arr, function (value, index) {
            return value >= 5;
        })
        alert(arr);
        //转换数组
        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        arr = jQuery.map(arr, function (elem) {
            return elem * 2 > 5 ? elem * 2 : null;
        })
        alert(arr);
        //合并数组
        var arr1 = [1, 2, 3, ["a", "b", "c"]];
        var arr2 = [4, 5, 6, [7, 8, 9]];
        arr3 = jQuery.merge(arr1, arr2);
        alert(arr1);
        alert(arr1.length);//
        alert(arr3);
        alert(arr3.length);
    </script>
    <title></title>
</head>
<body>

</body>
</html>

5.检测用户代理

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $(function () {
            var brower = $.browser;
            var temp = "";
            for (var name in brower)
            {
                if (brower[name] == true) {
                    temp += name + "=" + brower[name] + "当前浏览器是：" + name;
                }
                else {

                    temp += name + "=" + brower[name];
                }
            }
            $("div").html(temp);
        })
    </script>
    <title></title>
</head>
<body>
    <div></div>
</body>
</html>

6.判断是否是数组类型

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            var a = [
                    {width:400},
            {height:300}
            ];
            if (jQuery.isArray(a))
                alert("变量a是数组");
                
        })
    </script>
    <title></title>
</head>
<body>

</body>
</html>

7.生成数组

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        var arr = jQuery.makeArray($("li").val);
        alert(arr);
        $("ul").html(arr.reverse());

    </script>
    <title></title>
    <style type="text/css"></style>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
    </ul>
</body>
</html>

 

转载于:https://www.cnblogs.com/liuruitao/p/4045636.html

doj94201
关注
jq 函数引用变量_jQuery源码笔记(二)：定义了一些变量和函数 jQuery = function(){}
weixin_28834169的博客
12-30 413
笔记(二)也分为三部分:一、介绍：注释说明：v2.0.3版本、Sizzle选择器、MIT软件许可注释中的#的信息索引、查询地址(英文版)匿名函数自执行：window参数及undefined参数意义'use strict' 严格模式：代码规范及其不推荐严格模式理由rootjQuery根节点：document 获取及其声明意义readyList DOM加载相关……typeof undefined 字符...
中文网络上最详细的 jq 工具介绍
02-28
**jq工具介绍** jq 是一款强大的命令行JSON处理器，它允许用户在终端上方便地对JSON数据进行查询、转换和操作。这个工具以其简洁的语法和丰富的功能，深受程序员和系统管理员的喜爱。以下是对`jq`工具的详细介绍。 ...
JQuery中的工具函数总结
weixin_34146986的博客
03-15 119
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery相关常用的工具函数
weixin_33709364的博客
10-20 85
1.弹出提示框： function prompt(msg){ $("<div>" + msg + "</div>").css({ "width": "200px", "padding": "15px", "line-height": "1.5em", "text-align": "center", "backgrou...
jQuery 工具函数
xiangxiongfly
12-23 1153
字符串操作 $.trim() URL操作 $.param(） 数组操作 $.inArray() $.merge() $.makeArray() $.grep() $.each() 对象操作 $.each() 检测操作 $.isFunction() $.isArray() 原生JavaScript判断是否为数组 $.isEmptyObject() $.isPlainObject() $.contains() 自定义工具函数
Jquery常用工具函数总结
思诚^_^
08-10 1544
对象： $.type()      比 typeof() 更合乎逻辑。比如 typeof(null)  返回 object，而 $.type(null) 返回 null $.isEmptyObject()        检查一个对象是否包含任何属性，包括继承的属性，它与对象的类型无关。有返回false，没有返回true $.isPlainObject() 与isEmpt
jq入口函数的作用_jquery 入口函数
weixin_29903713的博客
01-14 349
JS 库js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可jQuery 库jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率jQuery CDNCDN的全称是Content Delivery Network，即内容分发网络CDN大致原理(百度百科)基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内...
Json格式化输出工具jq使用学习
岳来的博客
07-04 2646
Json格式化输出工具jq使用学习
Linux shell jq工具操作文档（jq --help使用示例）
Dontla的博客
01-09 2292
中文 使用示例 假设我们有一个： 1. 使用最简单的过滤器。将输入复制到输出，不做任何修改（除了格式化） 选项的作用是使jq以 作为单一输入值。在默认情况下，jq会期望从标准输入或文件中读取JSON数据。然而，如果想生成新的JSON，而不是对现有的JSON进行处理，那么 选项就会非常有用。例如，假设想创建一个包含特定键值对的新JSON对象，你可以使用以下命令： 这个命令将输出： 因此，尽管 选项看起来像是让输入为 ，但它实际上更多的是为了可以创建新的JSON，而不必先提供一个现有的JSON输入
for jq 嵌套_嵌套jquery函数
weixin_33520510的博客
01-14 359
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.9　技巧：使用jQuery动态生成HTML本节书摘来自异步社区《jQuery、jQuery UI及jQuery Mobile技巧与示例》一书中的第3章，第3.9节，作者：【荷】Adriaan de Jonge , 【美】Phil Dutson著，更多章节内容可以访问云栖社区“异步社区”公众号查看3.9　技巧：使用jQ...
jq入口函数的作用_js、jquery的入口函数
weixin_35097945的博客
02-01 140
有关javascript的性能优化(合理的管理内存)使用具备垃圾收集机制的语言编写程序,开发人员一般不必操心内存管理的问题.但是,Javascript在进行内存管理及收集时面临的问题是有点与众不同.其中最主要的一个问题是分配给Web浏览器的可用内存数量 ...Spark之命令Spark之命令 1.spark运行模式有4种: a.local 多有用测试, b. standalone:spark 集群...
JQ Callback 回调函数
06-10
在JavaScript的世界里，jQuery（简称JQ）是一个广泛使用的库，极大地简化了DOM操作、事件处理、动画制作和Ajax交互。回调函数是JavaScript中的一个重要概念，它允许我们定义在特定事件发生后执行的代码块。在jQuery...
JQ index() 函数的使用
04-26
本文将深入探讨jQuery中的`index()`函数，这是一个非常实用且功能强大的工具，尤其在处理DOM元素集合时。通过学习`index()`，我们可以更高效地定位和操作页面上的元素。 `index()`函数是jQuery中的一个方法，它允许...
jQ工具提示插件Tooltipify
06-24
"jQ工具提示插件Tooltipify"是基于jQuery开发的一款功能丰富的工具提示插件，专为增强网页用户体验而设计。本文将详细介绍Tooltipify的主要特点、用法及其实现原理。 首先，让我们了解一下什么是工具提示（Tooltip...
jq 表单校验工具
01-10
在实际应用中，"jq 表单校验工具"通常会与HTML5的内置验证机制结合使用，共同构建一个完善的表单验证系统。例如，HTML5的`required`属性可以设置必填字段，`pattern`属性可以指定正则表达式校验规则。同时，jQuery的...
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 438
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
如何编译 Cesium 源码
ismartcube的博客
11-13 1110
通过以上步骤，您可以成功地从 GitHub 上下载 Cesium 源代码并在本地进行编译。对于开发人员来说，编译 Cesium 源码有助于定制功能，或者调试某些问题。如果您只是想使用 Cesium 进行开发，而不需要编译源代码，您也可以直接从 CDN 或下载预构建版本进行使用。编译的 Cesium 版本可以直接在您的应用中引用，或者部署到 Web 服务器上，供其他用户访问。提供一个高效、兼容、优化的数据转换工具，一站式完成数据转换、数据发布、数据预览操作。
从零开始快速构建Vue3项目
欧唯薇
11-13 886
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
【Node.js】Node.js 和浏览器之间的差异
最新发布
佚名程序员
11-16 837
Node.js 是一个基于 Chrome V8 引擎构建的开源 JavaScript 运行时，它使开发者能够在服务端运行 JavaScript 代码。Node.js 提供了高效的事件驱动和非阻塞 I/O 模型，广泛应用于构建快速、可扩展的网络应用。核心特性单线程：使用事件循环机制实现并发。非阻塞 I/O：适合高并发应用。模块化：采用 CommonJS 模块系统。浏览器是前端开发的主要运行环境。其核心任务是解析 HTML、CSS 和 JavaScript，并呈现网页内容。
Windows下jq数据解析工具的安装与配置指南
4. jq工具的基本使用 在成功安装jq后，可以通过多种方式使用它来处理JSON数据。例如，可以通过管道符“|”将其他命令的输出传递给jq进行处理；也可以使用jq内置的函数和过滤器来提取、修改JSON数据。在命令行中输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值