jQuery：通过name获取div下的input的六种方法

于 2018-08-31 15:07:04 发布
阅读量6.2k 收藏 3
点赞数 1
分类专栏： php函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35458793/article/details/82256593
版权

1.获取input值 的6种方法：

  1. <!doctype html>

  2. <html>

  3. <head>

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  5. <title>测试页面</title>

  6. <script type="text/javascript" src="jquery.js"></script>

  7. </head>

  8. <body>

  9. <div id="gjdiv" class="gjc">

  10. <input type="hidden" id="title" name="gj" value="113"/>

  11. <input type="hidden" id="brief" name="gj" value="df"/>

  12. <input type="hidden" id="content" name="gj" value="sg"/>

  13. </div>

  14.  

  15. <script>

  16. $(document).ready(function(){

  17. var param0 = $("input[name='gj']").val();

  18. console.log("param0:"+param0);

  19.  

  20. var param1 = $(".gjc input[name='gj']").val();

  21. console.log("param1:"+param1);

  22.  

  23. var param2 = $("#gjdiv input[name='gj']").val();

  24. console.log("param2:"+param2);

  25.  

  26. var param3 = $("div input[name='gj']").val();

  27. console.log("param3:"+param3);

  28.  

  29. var param4 = $("#gjdiv>input[name='gj']").val();

  30. console.log("param4:"+param4);

  31.  

  32. var param5 = $("#gjdiv :input[name='gj']").val();

  33. console.log("param5:"+param5);

  34.  

  35. console.log("stringify():"+JSON.stringify(param0));

  36. //console.log(JSON.parse(param));

  37.  

  38. })

  39.  

  40. </script>

  41. </body>

  42. </html>

结果：

获取的都是第一个input的值。

2.将input值序列化：

  1. <!doctype html>

  2. <html>

  3. <head>

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  5. <title>测试页面</title>

  6. <script type="text/javascript" src="jquery.js"></script>

  7. </head>

  8. <body>

  9. <div id="gjdiv" class="gjc">

  10. <input type="hidden" id="title" name="gj" value="113"/>

  11. <input type="hidden" id="brief" name="gj" value="df"/>

  12. <input type="hidden" id="content" name="gj" value="sg"/>

  13. </div>

  14.  

  15. <script>

  16. $(document).ready(function(){

  17. var param0 = $("input[name='gj']").serialize();

  18. console.log("param0:"+param0);

  19.  

  20. var param1 = $(".gjc input[name='gj']").serialize();

  21. console.log("param1:"+param1);

  22.  

  23. var param2 = $("#gjdiv input[name='gj']").serialize();

  24. console.log("param2:"+param2);

  25.  

  26. var param3 = $("div input[name='gj']").serialize();

  27. console.log("param3:"+param3);

  28.  

  29. var param4 = $("#gjdiv>input[name='gj']").serialize();

  30. console.log("param4:"+param4);

  31.  

  32. var param5 = $("#gjdiv :input[name='gj']").serialize();

  33. console.log("param5:"+param5);

  34.  

  35. console.log("stringify():"+JSON.stringify(param0));

  36. //console.log(JSON.parse(param));

  37.  

  38. })

  39.  

  40. </script>

  41. </body>

  42. </html>

结果：

参考：

http://blog.csdn.net/dazhi_100/article/details/29582883

行善积德韩老魔
关注
专栏目录
博客
PHP7新特性-简述
12-05 871
一、前言　　php7目前（截止2018-09-17），最新的稳定版本是7.2.10（http://php.net/downloads.php上可查看版本信息），目前还有不少项目是用5.6甚至更早的版本。相比于php5.x的版本，php7有不少新的改进，性能方面也是有不少提升。下面来详细讲下。二、新特性1、php7.0相比于php5.6的新特性参考：http://php.net/manual/zh/migration70.new-features.php 下面所讲的内容都是来自于这篇文章.
博客
Mac下PHPStorm常用快捷键
12-05 1060
PHPStorm可以自己设置快捷键按住command+,打开Preferences点击Keymap，右边出现下拉框点击下拉框选择你想要的快捷键设置，eclipse快捷键比较常用eclipse的快捷键今天在这里不做阐述，今天只说PHPStrom默认的快捷键希望能给心理强迫症或洁癖的人带来福音????tips:⌘——Command⌃ ——Control⌥——Option/Alt⇧——Shift⇪——Caps Lockfn——功能键就是fn多说一点，各位touchBar的小伙伴
博客
python2.7更新至3.6 - 小记一下
09-27 418
752 wget https://www.python.org/ftp/python/3.6.0/Python-3.6.0.tgz 753 pwd 754 ls 755 tar -zxvf Python-3.6.0.tgz 756 ls 757 cd ./Python-3.6.0 758 ./configure 759 make 760 make install 761 python --version 762 python -V...
博客
Composer 使用
08-31 401
Composer 的使用要使用 Composer，我们需要先在项目的目录下创建一个 composer.json 文件，文件描述了项目的依赖关系。文件格式如下：{ "require": { "monolog/monolog": "1.2.*" }}以上文件说明我们需要下载从 1.2 开始的任何版本的 monolog。接下来只要运行以下命令即可安装依赖包：composer installrequire 命令除了使用 install 命令外，我
博客
Redis 哨兵
08-31 364
Redis主从库宕机，也是可以恢复数据的，这个主要就是你在Redis设置的哨兵模式了。下面我们具体来看看。1、什么是哨兵哨兵是对Redis的系统的运行情况的监控，它是一个独立进程，功能有二个： 监控主数据库和从数据库是否运行正常； 主数据出现故障后自动将从数据库转化为主数据库； 2、原理单个哨兵的架构：多个哨兵的架构：多个哨兵，不仅同时监控主从数据库，而且哨兵之间互为监控。多个哨兵，防止哨兵单点故障。3、环境当前处于一主多从的环...
博客
Redis做分布式 详解
07-30 735
阅读目录一 为什么使用 Redis 二 单线程的 Redis 为什么这么快 三 Redis 的数据类型及使用场景 四 Redis 的过期策略和内存淘汰机制 五 Redis 和数据库双写一致性问题 六 如何应对缓存穿透和缓存雪崩问题 八 如何解决 Redis 的并发竞争 Key 问题回到顶部一 为什么使用 Redis在项目中使用 Redis，主要考虑两个角度：性能和并发。如果只是为了分布式锁这些其他功能，还有其他中间件 Zookpeer 等代替，并非一定要使用 Redis。性能：
博客
Redis 分布式高可用
07-30 403
绝大部分写业务的程序员，在实际开发中使用 Redis 的时候，只会 Set Value 和 Get Value 两个操作，对 Redis 整体缺乏一个认知。这里对 Redis 常见问题做一个总结，解决大家的知识盲点。1、为什么使用 Redis在项目中使用 Redis，主要考虑两个角度：性能和并发。如果只是为了分布式锁这些其他功能，还有其他中间件 Zookpeer 等代替，并非一定要使用 Redis。性能：如下图所示，我们在碰到需要执行耗时特别久，且结果不频繁变动的 SQL，就特别适合将运行结
博客
mysql随机
07-29 435
从MySQL随机选取数据最简单的办法就是使用”ORDER BY RAND()”;方案一：SELECT*FROM`table`ORDERBYRAND()LIMIT0,1;这种方法的问题就是非常慢。原因是因为MySQL会创建一张零时表来保存所有的结果集，然后给每个结果一个随机索引，然后再排序并返回。有几个方法可以让它快起来。基本思想就是先获取一个随机数，然后使用这个随机数来获取指定的行。由于所有的行都有一个唯一的id，我们将只取最小和最大id之间的随机数，然后获取id...
博客
SWOOLE中使用TASK进程异步的处理耗时任务
07-27 475
我们知道，swoole中有两大进程，分别是 master 主进程和 manager 管理进程。其中 master 主进程中会有一个主 reactor 线程和多个 reactor 线程，主要的作用就是用来维护TCP连接，处理网络IO，收发数据。而 manager 管理进程，作用则是 fork 和管理 worker 和 task 进程。worker 进程的作用是接收 reactor 线程传递的数据，并处理数据，返回处理结果给 reactor 线程。task 进程的作用是处理一些相对耗时的任务，t
博客
MYSQL的慢查询
07-27 638
一、简介开启慢查询日志，可以让MySQL记录下查询超过指定时间的语句，通过定位分析性能的瓶颈，才能更好的优化数据库系统的性能。二、参数说明slow_query_log 慢查询开启状态slow_query_log_file 慢查询日志存放的位置（这个目录需要MySQL的运行帐号的可写权限，一般设置为MySQL的数据存放目录）long_query_time 查询超过多少秒才记录三、设置步骤1.查看慢查询相关参数mysql> show variables like 'slow_
博客
clickhouse优化 - 最佳实践
07-14 817
clickhouse在易企秀数据仓库项目中已投入使用两年，主要为内部用户提供快速查询和多维分析的能力；希望你在业务当中遇到的性能问题，在这里都能得到解决Clickhouse堪称OLAP领域的黑马，最近发布的几个版本在多表关联分析上也有了极大的性能提升，尤其是还引入了MaterializeMySQL Database Engine做到了实时对齐业务线mysql中的数据。表优化数据类型 建表时能用数值型或日期时间型表示的字段，就不要用字符串——全String类型在以Hive为中心的数仓建设.
博客
PHP性能优化大全(php.ini)
07-13 836
第一章 针对系统调用过多的优化我这次的优化针对syscall调用过多的问题，所以使用strace跟踪apache进行分析。1. apache2ctl -X &使用-X(debug)参数启动httpd进程，这个时候只启动1个httpd进程2. ps -ef | grep httpd找到需要strace的pid3. strace -p $PID -o /tmp/strace.log发送一个http请求到httpd，就能看到strace信息了。一、include_path问题一...
博客
php之性能优化案例
07-13 457
php是一个很流行的脚本语言，现在很多公司（新浪、优酷、百度、搜狐、淘宝等等）在使用这种语言进行网站开发。我的这篇文章，我只是希望能够提高你的php脚本性能。请记住你的php脚本性能，很多时候依赖于你的php版本、你的web server环境和你的代码的复杂度。优化你代码中的瓶颈Hoare曾经说过“过早优化是一切不幸的根源”。当你想要让你的网站更快运转的时候，你才应该去做优化的事情。当你要改变你代码之前，你需要做的事是什么原因引起了系统缓慢？你可以通过以下指导和其他方式优化你的php，可能是数据库原
博客
男孩怎么快速变成熟？
06-30 377
失恋两次以上
博客
nginx: [alert] kill(38, 1) failed (3: No such process) - 解决方法
06-28 1409
574 ./nginx -s reload 575 whereis ngnix 576 find / -name nginx 577 find / -name nginx.conf 578 /data/server/nginx/sbin/nginx -c /data/server/nginx/conf/nginx.conf 579 pwd 581 ./nginx -s reload
博客
面试题汇总 - 持续更新
06-11 701
1.linux查看日志的几种方法linux 日志查看tail、head、 cat、tac、sed、less、echo1、命令格式:tail [必要参数] [选择参数] [文件]-f 循环读取-q 不显示处理信息-v 显示详细的处理信息-c<数目> 显示的字节数-n<行数> 显示行数-q, --quiet, --silent 从不输出给出文件名的首部-s, --sleep-interval=S 与-f合用,表示...
博客
Git-命令行-使用 git stash 暂存代码
06-03 445
为什么我们需要它不得不说，在知道这个命令的时，以及之后的使用中，我都超级热爱这个命令，因为它真的太好用了。给大家说一下我使用这个命令的场景：此时我在 feature_666 分支,非常聚精会神加持高专注地实现一个功能 666 模块，简直键盘如飞的编写代码～～～然后这时，客户反馈出一个 bug , 非常严重，必须立马解决，优先级为 0 ！！！于是，我需要去到 release 分支去 checkout 新的分支去工作了，但是 666 功能还没完成怎么办？此时我面临着一个选择题：A：提交后...
博客
PHP未来之路
06-01 536
这门语言现在到底处于生命周期的哪个阶段？其定位到底是怎样的？诸如 PHP7、Swoole 的出现到底能给 PHP 带来怎样的变化？当我们拿 PHP 和 java 进行比较的时候，我们往往就两门语言本身进行比较，如一个是弱类型一个是强类型，一个是数组打天下一个是各种数据结构，甚至连花括号是不是换行写都会被讨论一番。但它们真正的区别并非这些。当我们谈论一门语言的时候，我们是在谈它的生态。“生态”一词在百度百科上的解释是：“生态一词，现在通常是指生物的生活状态。指生物在一定的自然环境下生存和发展的状态
博客
php如何判断0和空
05-26 2613
函数对0的判断 1 2 3 4 5 $cast_id = 0; var_dump(strlen($cast_id)); //1 var_dump(empty($cast_id)); // true var_dump(isset($cast_id)); //true var_dump(is_null($cast_id));//false 对空的判断 1 2 3 4
博客
运算符 |=、&=、^=
05-13 9802
|=关于 |= 运算符：|= 运算符和 += 这一类的运算符一样，拆解开就是 a = a | b；代码如下：public static strictfp void main(String[] args) { int a = 5; // 0000 0101 int b = 3; // 0000 0011 a |= b; // 0000 00111 System.out.println(a);}具体规则为：两个二进制对应位为0时该位为0，否则为1。拿5的二..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值