懂了个大概,你看下是不是这个意思:
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 ”来获取元素的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)