jQuery根据表单name获取值的方法

 更新时间:2016年05月24日 11:44:59   作者:懒人  
这篇文章主要介绍了jQuery根据表单name获取值的方法,总结分析了jQuery获取表单值的常用技巧,涉及jQuery选择器的使用技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了jQuery根据表单name获取值的方法。分享给大家供大家参考,具体如下:

根据name取值:

$("input[name='mobile']").val()

根据id取值:

$("#mobile_reg_form").html()

根据name取值遍历:

$("input[name='mobile']").each(
function(){
alert($(this).val());
}
)

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">
$(document).ready(function(){
var a=$("form input");
$.each(
  a,
function(name,object){
alert(name+":"+$(object).val());
}
);
});
</script>

得到值(多个的情况):

$("input[name='mobile']")[0].value
$("input[name='mobile']").get(1).value

jquery添加删除样式

给一个标签添加样式:

$("#id").addClass("style");

删除一个标签的样式:

$("#id").removeClass("style");

注:"#id"  id是对应标签的id,style是对应css样式的名称

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jquery 实现二级/三级/多级联动菜单的思路及代码

    jquery 实现二级/三级/多级联动菜单的思路及代码

    jQuery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级、三级或多级联动也可以按照此方法完成,由此需求的朋友可以参考下哈,希望可以帮助到你
    2013-04-04
  • jQuery实现简单二级下拉菜单

    jQuery实现简单二级下拉菜单

    本文给大家分享的是使用jQuery实现简单二级下拉菜单的代码,非常的简单实用,这里推荐给大家,有需要的小伙伴可以美化下,直接带走。
    2015-04-04
  • 25个优雅的jQuery Tooltip插件推荐

    25个优雅的jQuery Tooltip插件推荐

    jQuery 工具提示可以让网站上一些小的帮助信息显示更加直观,提升用户的体验。
    2011-05-05
  • jQuery中dom元素上绑定的事件详解

    jQuery中dom元素上绑定的事件详解

    在jquery中绑定事件我们可以使用click、change、mouseout、.bind(),live等待事件来操作,下面我来给大家介绍jQuery使用向DOM元素绑定事件实现程序相关实例,有需要了解的同不可进入参考。
    2015-04-04
  • jQuery UI 实现email输入提示实例

    jQuery UI 实现email输入提示实例

    本文为大家介绍下使用jQuery UI 实现email输入提示,具体思路如下,感兴趣的朋友可以参考下
    2013-08-08
  • JQuery优缺点分析说明

    JQuery优缺点分析说明

    如果你还在犹豫是否要学习一个JavaScript框架,并困惑于选择哪一个框架,那么我推荐你选择jQuery。这并非说其它框架不好,只是jQuery可能是最稳妥和最具回报性的选择。
    2010-06-06
  • jQuery一键移除使前端项目脱离对它的依赖

    jQuery一键移除使前端项目脱离对它的依赖

    这篇文章主要为大家介绍了jQuery一键移除使项目脱离对它的依赖使用方式,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • 使用jQuery操作Cookies的实现代码

    使用jQuery操作Cookies的实现代码

    Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术
    2011-10-10
  • 腾讯UED 漂亮的提示信息效果代码

    腾讯UED 漂亮的提示信息效果代码

    腾讯UED 漂亮的提示信息效果代码,需要的朋友可以参考下。
    2011-09-09
  • jQuery.trim() 函数及trim()用法详解

    jQuery.trim() 函数及trim()用法详解

    jQuery.trim()函数用于去除字符串两端的空白字符。jquery trim函数应用非常广泛,下面小编给大家讲解jquery.trim()函数及trim()用法详解,需要的朋友可以参考下
    2015-10-10

最新评论