jquery怎么获取name属性

jquery怎么获取name属性,第1张

:name是input标签的属性值,jQuery提供了attr()方法用于设置/改变属性值$("input:text")attr("name");$("input:text")prop("name");//也可以使用

需要知道这个标签是什么,然后使用名字来定位。

例如:

<input name='username' value='enozoomcom' />

来获取这个name为username的value值

$(function(){

alert($("input[name='username']")val())

})

扩展资料:

jquery中的常见小技巧:

1、DOM遍历是昂贵的,将变量缓存起来。

代码:

var $ele = $('#ele');

var h =

$eleheight();

$elecss('height',h-20);

2、优化选择符。

代码:

$('#myid')

3、避免隐式通用选择符。

代码:

$('someclass input:radio')

4、避免通用选择符。

代码:

$('container')children()

5、尽可能保持代码简洁。

代码:

if(arrlength){}

6、尽可能地合并函数。

代码:

$fon("click", function(){

$(this)css({

'border':'1px solid

red',

'color': 'blue'

});

});

jquery根据name属性查找:

$("div[id]") 选择所有含有id属性的div元素

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素;

$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素;

$("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素;

$("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素;

$("input[name='keleyi']") 选择所有的name属性包含'keleyi'的input元素;

$("input[id][name$='keleyi']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素。

扩展资料

jquery给input赋值,val的三种用法:

val()方法

定义和用法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数,则返回被选元素的当前值。

<input type="text" class="input1">

$('input1')val('value567'); // 用法1 给input赋值value567

$('input1')val(''); // 用法2 给input清空

$('input1')val('');  //  用法3 返回val的值

如:$("#textId")attr("width")是获取Id为textId的控件的width属性

$("className")attr("width")是获取包含class名为className的控件的width属性

$("[name=textName]")attr("width")是获取name为textName的控件的width属性

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值

如:$("#textId")[0]width是取第一个控件的width属性

但也有写属性用attr取不到,也需要用角标的方式取得控件后在取属性!

你说的是这样么?<input name="name">  。

如果是的话:  jquery("input[name='name']")val();

但是一般不建议这么用, 这么用大多是用来控制样式,而不是取值,取值这个都需要精确控制,所以设置个ID, 指定获取更好

比如:

html代码:<input type="text" name="text1" id="input1" value="abc" />。

jq代码:&#36;("input")val();//会获取所有input元素的值,如果只有一个,就显示这一个。

&#36;(":text")val();//会获取所有input中类型为text的值;

&#36;("[name=='text1']")val();//会获取所有name为text1的值;

&#36;("#input1")val();//会获取id为input1的值,id在html中只能有一个。

如果要设置这个元素的值,就只需把val()中写上要设置的值就可以如:&#36;("input")val("123");//看一下效果

其实有一个非常简单的方法,那就是在那几个相同name的标签里面加上一个相同的类。你可以在标签里面写几个类的如:<div class="fdiv tdiv mdiv"></div>;就可以了在调用

$('fdiv')就可以了啊

不用那么麻烦 jquery自带有:visible和:hidden选择器

$("ul[name='ulname']:visible") //返回所有显示的

$("ul[name='ulname']:hidden") //返回所有隐藏的

你也可以在循环中用is

$("ul[name='ulname'])eq(c)is(":visible") 来判断是否显示

jQuery没有那么选择器,但是可以通过 jQuery [attribute=value] 选择器实现根据name筛选的效果。

定义和用法

[attribute=value] 选择器选取每个带有指定属性和值的元素。可以选取带有任何属性的元素(对于指定的属性没有限制)。

语法:$("[attribute=value]")

参数:

attribute    

必需。规定要查找的属性。

value    

必需。规定要查找的值。

实例

//查找所有name="on"的标签

$("[name=one]")

[attribute]选择器还有更多用法,例如:

$("[href]")    //所有带有 href 属性的元素    

$("[href='#']")    //所有 href 属性的值等于 "#" 的元素    

$("[href!='#']")    //所有 href 属性的值不等于 "#" 的元素    

$("[href$='jpg']")    //所有 href 属性的值包含以 "jpg" 结尾的元素  

//更多[attribute]选择器的用法可以查看jQuery的api

以上就是关于jquery怎么获取name属性全部的内容,包括:jquery怎么获取name属性、jquery中怎么根据name属性定位一个元素、jquery 怎样取 input的name值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9706044.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存