怎样用jquery得到文本框的值

当已知文本框的id属性时，<input type="text" id="userName">

方法一：var userName = $("#userName")attr("value");

方法二：var userName=$("userName")value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one")val();

作用是快速获取文档元素，jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果，jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。

function login(){

alert("lalal");

}

$(document)keydown(function(event){

if(eventkeyCode == 13){

login();

当回车键按下，这里怎么调用下面的login函数？ ;}

});

$("inputbtn")on('click',login)

用jq获取一个div内部所有input[type='text']的值，代码如下：

<div id="divid">

<div><input type="hidden" value="456"></div>

</div>

<script type="text/javascript">

$("#divid input[type=hidden]")each(function () {

consolelog(thisvalue);

})

</script>

扩展资料

var  allChildDiv=$('#addDiv')find("div")//找到addDiv下面的所有div

for(var a=0;a<allChildDivlength;a++){

allChildDiveq(a)find('input[name="username"]')//用户名

allChildDiveq(a)find('input[name="pwd"]')//密码

};

参考资料：

百度百科 DIV （层叠样式表单元的位置和层次）

百度百科 input （函数）

用$("div")attr("class")，就可以实现；

参考如下例子：

 if ($(this)parent()first()attr("class") == "MyName") {

  temp = temp+"(Normal)";

  } 

 

alert($("#show")attr("class")indexOf("b"));

alert($("#show2")attr("class") == "myCls");

alert($("div:eq(0)")attr("class") == "myCls"); 

 

<div id="show" class="a b c"></div>

<div id="show2" class="myCls"></div>

jQuery里的函数的3方式：函数声明、函数表达式和匿名函数。

函数声明：function Dosth(){};

函数表达式：var Dosth=function(){};

匿名函数：function(){}

这三种方式的调用

1、将包含函数的js文件引入到你所要执行的html页面中；声明方法的js要在调用的js的上面，因为html加载顺序问题。当然如果声明和调用是在同一个js中，就不需要考虑html页面上应用的顺序问题。

2、三种不同声明方法的调用方式

21函数声明：function Dosth(){}; 调用的时候不管是通过html页面引用还是写在一个js文件中，调用方式都是Dosth();

22函数表达式：var Dosth=function(){}; 调用方法有两种：一种是在声明完成后马上调用，也就是立即执行var Dosth=function(){}(); 第二种是在别处调用Dosth();同时第二种方法的调用时要注意，声明var Dosth=function(){}(); 要在调用的上下顺序之前（即先声明变量，再使用变量）。

23匿名函数：function(){}; 调用时使用(function(){}())或者(function(){})()

resize()函数用于为每个匹配元素的resize事件绑定处理函数。该函数也可用于触发resize事件。此外，你还可以额外传递给事件处理函数一些数据。

resize事件会在元素的尺寸大小被调整时触发。该事件常用于window对象(浏览器窗口)或框架页面。

此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发resize事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

要删除通过resize()绑定的事件，请使用unbind()函数。

该函数属于jQuery对象(实例)。

语法

jQueryObjectresize( [ [ data ,] handler ] )

如果指定了至少一个参数，则表示绑定resize事件的处理函数；没有指定任何参数，则表示触发resize事件。

参数

参数 描述

data 可选/任意类型触发事件时，需要通过eventdata传递给事件处理函数的任意数据。

handler 可选/Function类型指定的事件处理函数。

jQuery 143 新增支持：resize()支持data参数。

参数handler中的this指向当前DOM元素。resize()还会为handler传入一个参数：表示当前事件的Event对象。

如果函数handler的返回值为false，则表示阻止元素的默认事件行为，并停止事件在DOM树中冒泡。例如，<a>链接的click事件的处理函数返回false，可以阻止链接的默认URL跳转行为。<form>表单的resize事件的处理函数返回false，可以阻止表单默认的表单提交行为。

返回值

resize()函数的返回值为jQuery类型，返回当前jQuery对象本身。

示例&说明

现在，我们为window对象的resize事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)：

$(window)resize( function(){

alert("不建议调整窗口大小!");

} );

// 触发window对象的resize事件

// $(window)resize( );

运行代码(以下代码请自行复制到演示页面运行)

我们还可以为事件处理函数传递一些附加的数据。此外，通过jQuery为事件处理函数传入的参数Event对象，我们可以获取当前事件的相关信息(比如事件类型、触发事件的DOM元素、附加数据等)：

var minSize = { width: 800, height: 600 };

$(window)resize( minSize, function(event){

var min = eventdata;

var $dom = $(this);

if( $domwidth() < minwidth ){

$("body")append("<br>窗口宽度不要小于" + minwidth );

}else if( $domheight() < minheight ){

$("body")append("<br>窗口高度不要小于" + minheight);

}

} );

思路：利用jQuery选择器直接根据类名获取对象→遍历对象→使用 attr() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：

1、HTML结构

<div class="test" id="div_id">我的类是test，id是div_id</div>

<input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />

<div class="test">我的类是test，没有id属性</div>

<li class="test" id="li_id">我的类是test，id是li_id</li>

<input type="button" value="确定">

2、jQuery代码

$(function(){

$("input[type='button']")click(function() {

var ids = [];

$("test")each(function(index, el) {

var id = $(this)attr("id");

if(typeof(id)!=='undefined'){

idspush(id)

}

});

alert(ids);

});

});

3、效果演示

jq自定义函数方法和js的写法是一样的

<script>

$(document)ready(function(){

getStr();//直接调用函数

$("#a")click(function(){

getStr();//通过点击dom结点调用函数

})

})

function getStr(){

alert("自定义了函数getStr");

}

</script>

以上就是关于怎样用jquery得到文本框的值全部的内容，包括:怎样用jquery得到文本框的值、jquery怎样获取函数调用者的引用、如何用jq获取一个div内部所有input[type='text']的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！