怎样用jQuery来代替getElementsByName()来得到某标签的数组

怎样用jQuery来代替getElementsByName()来得到某标签的数组,第1张

懂了个大概,你看下是不是这个意思:

var wt = $('className');//通过class的名称来获取对象数组,返回的是jquery对象数组

如果想以name属性获取对象:

var wt = $('input[name="wt"]');

1JQuery

this和$(this)的区别

相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?

首先来看看JQuery中的

$()

这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会d出一个[object

Object

],这个object对象,也就是jquery对象了。

那么,我们再回过头来说$(this),这个this是什么呢?假设我们有如下的代码:

$("#desktop

a

img")each(function(index){

alert($(this));

alert(this);

}

那么,这时候可以看出来:

alert($(this));

d出的结果是[object

Object

]

alert(this);

d出来的是[object

HTMLImageElement]

也就是说,后者返回的是一个html对象(本例中是遍历HTML的img对象,所以为HTMLImageElement)。

很多人在使用jquery的时候,经常thisattr('src');

这时会报错“对象不支持此属性或方法”,这又是为什么呢?其实看明白上面的例子,就知道错在哪里了:很简单,this *** 作的是HTML对象,那么,HTML对象中怎么会有val()方法了,所以,在使用中,我们不能直接用this来直接调用jquery的方法或者属性。

2获取$(this)子节点对象的方法:find(element)

明白了$(this)和this的区别,再来看看这个例子:(假设,我的页面中a标签包含img,并含有src属性),当我在遍历的时候,想取到$(this)下img中src的地址

$("#desktop

a

")each(function(index){

var

imgurl=$(this)find('img')attr('src');

alert(imgurl);

}

其中

find(element)

是返回一个用于匹配元素的DOM元素,这样就可以取到想要的src地址了。

以上这篇浅谈jQuery

this和$(this)的区别及获取$(this)子元素对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作而需要使用jquery对象支持的方法如果是通过class的话取得的是jquery对象数组\x0d\ps如果想把jquery对象装换为js对象可以用以下方法\x0d\1varobj=$('#xx')[0]获得dom对象\x0d\2对于数组\x0d\varobj=$('xx')each(function(){\x0d\alert(this)//这里this获得的就是每一个dom对象如果需要jquery对象需要写成$(this)\x0d\});

$(function() {

// 点击任意 li,全部 li 变色

$("#tree li")click(function(e) {

$(this)css("color", "red");

});

});$(function() {

// 点击第二层 li, 第二层 li 变色

$("#tree li li")click(function(e) {

$(this)css("color", "red");

});

});$(function() {

// 点击 JAVA 变色

$("#tree li li:first")click(function(e) {

$(this)css("color", "red");

});

});

this都知道是当前的意思,比如:$(this);同理美元符也是jq才有,获取子元素的时候也用到$这个符号,比如:$("div")find("子元素的标签");

$("div")则是父级元素

find的意思是获得当前元素集合中每个元素的后代//这获得的其实就是一个数组

以上就是关于怎样用jQuery来代替getElementsByName()来得到某标签的数组全部的内容,包括:怎样用jQuery来代替getElementsByName()来得到某标签的数组、浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法、“jquery ”是如何通过 “class ”来获取元素的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9710315.html

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

发表评论

登录后才能评论

评论列表(0条)

保存