<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <form>

        <input type="text" name="user" value="">

        <input type="text" name="pass" value="">

        <input type="button" id="btn">

    </form>

</body>

<script src="../jquery.js"></script>

<script>

     var obj = {

         user:"admin",

         pass:123,

         a:10

     }

     console.log(obj);  //{user: "admin", pass: 123, a: 10}

     console.log($.param(obj))  //  user=admin&pass=123&a=10

     $("#btn").click(function(){

         console.log($("form").serialize())  //user=自己输的值&pass=自己输的值   必须要设置name

     })

</script>

</html>

克隆

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <input type="button" id="btn" value="点击">

</body>

<script src="../jquery.js"></script>

<script>

     上面写的html等价于

     $('<input type="button" id="btn" value="点击">')

     $("#btn").click(function(){  //绑定事件

         console.log(2);

     })

     var ipt = $("#btn").clone(true);  //克隆不克隆事件，如果需要克隆事件需要在后面clone写个true

     $("body").append(ipt);

     var div = document.createElement("div")

     // obox.innerHTML = div;     ×

     // [object Object]

     obox.appendChild(div)

     $("body").html($("<div>"))   ×

     $("body").html("<div>")    //可以直接写元素就创建，input被替换成了·div

     $("body").append($("<div>"))  //插入式创建，创建在script标签后面。

    // clone出的元素，与创建出的元素类型相同，意味着，clone出的元素必须通过append方法插入

</script>

</html>

常用方法：

元素.click()：执行那个点击事件
$(this).index()  :找到那个事件源的索引

jQ的工具类方法的更多相关文章

  1. 创建Jmeter中使用的jar包中的工具类方法

    1. 在IDEA中新建一个maven工程. 2. 编写工具类方法,如加密算法.此处以加法为例. package DemoTest; public class DemoClass{ public int ...

  2. ios开发总结：Utils常用方法等收集，添加扩展类，工具类方法，拥有很多方便快捷功能（不断更新中。。。）

    BOBUtils 工具大全 本人github开源和收集功能地址:https://github.com/niexiaobo [对ios新手或者工作一年以内开发人员很有用处] 常用方法等收集.添加扩展类. ...

  3. Java 调用http接口（基于OkHttp的Http工具类方法示例）

    目录 Java 调用http接口(基于OkHttp的Http工具类方法示例) OkHttp3 MAVEN依赖 Http get操作示例 Http Post操作示例 Http 超时控制 工具类示例 Ja ...

  4. iOS 中的正则匹配(工具类方法)

    正则表达式 正则表达式是对字符串操作的一种逻辑公式, 用事先定义好的一些特定字符.及这些特定字符的组合, 组成一个"规则字符串", 这个"规则字符串"用来表达对 ...

  5. xml转Map,对象，Map转xml，inputs tram 转xml 字符串的工具类方法

    众所周知,大家在微信开发工程中,由于微信开发文档中,对于消息的接收发送都是基础xml数据的(太坑了),所以我们需要对XML进行解析转换: 1.我们先引入所需要的依赖 dom4j (解析xml的),xs ...

  6. Vue常用工具类方法 总结

    1.利用Cookie,来设置接口携带的‘token’ 执行命令npm install js-cookie,在js工具类中引入, /** @format */ import Cookie from 'j ...

  7. org.apache.commons工具类方法解释 转

    在Java中,工具类定义了一组公共方法,这篇文章将介绍Java中使用最频繁及最通用的Java工具类.以下工具类.方法按使用流行度排名,参考数据来源于Github上随机选取的5万个开源项目源码. 一. ...

  8. java工具类方法

    1.生成16位数字(当时日期时间加随机两位数) public static String getNo16() { String getNo = getNo(); return getNo.substr ...

  9. Unicode与中文转换工具类方法（转）

    /* * 中文转unicode编码 */ public static String gbEncoding(final String gbString) { char[] utfBytes = gbSt ...

  10. jq 一个强悍的json格式化查看工具

    本文来自网易云社区 作者:娄超 在web 2.0时代json这种直观.灵活.高效数据格式基本已经成为一种标准格式,从各种web api,到配置文件,甚至现在连mysql都开始支持json作为数据类型. ...

随机推荐

  1. Esp32 arduino 编译报 hwcrypto/aes.h: No such file or directory 错误

    由于hwcrypto/* 在新版中移动到了 esp32/*. 编译会出现hwcrypto/aes.h: No such file or directory 的错误 解决方案如下: arduino 中E ...

  2. nuxt.js的导航守卫

    一.使用router.js 重构项目时还行使用原来的router.js也是可以的,需要下载插件惊醒配置,这时候vue-cli中怎么用,nuxt中就怎么使用导航守卫,几乎一样 二.使用nuxt.js 1 ...

  3. Topsis法的python实现

    TOPSIS (Technique for Order Preference by Similarity to an Ideal Solution )法是C.L.Hwang和K.Yoon于1981年首 ...

  4. c++项目

    如题, 想搞1-2个c++项目把目前除了进程.线程管理的所有所学都用起来. 在自己设想中.

  5. js 实现全屏预览（F11功能）--转

    参考文档   http://t.zoukankan.com/ghfjj-p-6322415.html HTML代码 <body> <div id="content" ...

  6. 使用React脚手架初始化项目

    1.npx create-react-app my-app------>是项目名 2.cd my-app 3.npm start

  7. css cursor: url() 使用火狐浏览器问题，鼠标没有效果

    在火狐浏览器问题使用cursor: url():鼠标没有效果,需要给使用标签添加一个height

  8. c++结对编程

    || |:--|:--| |Github项目|Github地址 |结对伙伴|伙伴地址1伙伴地址2 PSP表格 ||| |:--|:--|:--|:--| |PSP2.1|Personal Softwa ...

  9. []Python][simple]Serialize data with Pickle and deserialize data from pickle

    序列化 import pickle friend = {"Dan": [20, "Lodon", 123123], "Mary" : [24 ...

  10. How to enable CIFS in kernel 4.9

    kernel config 要打开这几项