jquery的index()方法
搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
如果不给
index()
方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。
复制代码代码如下:
foo
bar
baz
$('li')index(documentgetElementById('bar'));
//1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li')index($('#bar'));
//1,传递一个jQuery对象
$('li')index($('li:gt(0)'));
//1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#bar')index('li');
//1,传递一个选择器,返回#bar在所有li中的做引位置
$('#bar')index();
//1,不传递参数,返回这个元素在同辈中的索引位置。
jquery获取元素索引值index()示例
复制代码代码如下:
//用于二级或者三级联动
建站素材
jquery特效
懒人主机
前端路上
$("#nav
a")click(function(){
//四个经典的用法
var
index1
=
$("#nav
a")index(this);
var
index2
=
$("#nav
a")index($(this));
var
index3
=
$(this)index()
var
index3
=
$(this)index("a")
alert(index3);
return
false;
});
使用步骤如下:
1jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2然后我们来开始编辑HTML界面代码。
3使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
发现答非所问的人还不少啊
取父窗口的元素方法:$(selector, windowparentdocument);
那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);
类似的,取其它窗口的方法大同小异
$(selector, windowtopdocument);
$(selector, windowopenerdocument);
$(selector, windowtopframes[0]document);
希望对你能有帮助
第一种写法是保证在页面dom元素全部加载完毕后才给$('#submit')元素绑定click事件,而第二种则是直接绑定,这样的话当绑定语句运行时,$('#submit')元素有可能尚未加载到内存(这要看jq语句与html语句哪个在前哪个在后),造成绑定失败。
所以,凡是涉及页面dom元素 *** 作且必须在页面打开后就运行的语句,都应该放到ready事件中执行。当然,并不是说放到外面就一定会出错,但程序这种东西是严谨的,从代码健壮性考虑,按照标准方式去做,可以避免以后的很多麻烦。
1方法如下:
获取浏览器显示区域(可视区域)的高度 :
$(window)height();
获取浏览器显示区域(可视区域)的宽度 :
$(window)width();
获取页面的文档高度
$(document)height();
获取页面的文档宽度 :
$(document)width();
浏览器当前窗口文档body的高度:
$(documentbody)height();
浏览器当前窗口文档body的宽度:
$(documentbody)width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document)scrollTop();
获取滚动条到左边的垂直宽度 :
$(document)scrollLeft();
获取或设置元素的宽度:
$(obj)width();
获取或设置元素的高度:
$(obj)height();
某个元素的上边界到body最顶部的距离:objoffset()top;(在元素的包含元素不含滚动条的情况下)
某个元素的左边界到body最左边的距离:objoffset()left;(在元素的包含元素不含滚动条的情况下)
返回当前元素的上边界到它的包含元素的上边界的偏移量:objoffset()top(在元素的包含元素含滚动条的情况下)
返回当前元素的左边界到它的包含元素的左边界的偏移量:objoffset()left(在元素的包含元素含滚动条的情况下)
2代码如下:
//返回当前页面高度
function pageHeight(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :
documentbodyclientHeight;
}else{
return selfinnerHeight;
}
};
//返回当前页面宽度
function pageWidth(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :
documentbodyclientWidth;
}else{
return selfinnerWidth;
}
};
包括我自己在内(其实我也就这两天才知道这样可以快速获取的),很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢? 原生DOM中获取和设置html元素的outerHTML大家都很熟悉: // 原生DOM获取outerHTML alert('原生DOM获取outerHTML'); alert(documentgetElementById('lz66303')outerHTML); // 原生DOM设置outerHTML alert('原生DOM设置outerHTML'); documentgetElementById('lz66303')outerHTML = '<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>'; 当然在jQuery中我们可以用prop()方法来获取和设置html元素的outerHTML,在网上若搜索jQuery获取outerHTML竟然还有人写出函数来了,可悲!——jQuery自带的方法不知还自以为自己写个函数这种方法是什么好的解决方案。 当你看到本文时,请转给更多还在用自定义函数获取outerHTML的jQuery使用者——我这个经验就没白分享了! 其实就这么简单: // 成功获取到 alert('jQueryprop()获取outerHTML'); alert($('textarea')prop('outerHTML')); // 成功设置,已生效 alert('jQueryprop()设置outerHTML'); $('textarea')prop('outerHTML', '<input>');
以上就是关于jquery中怎么获得特定元素的索引值全部的内容,包括:jquery中怎么获得特定元素的索引值、jQuery的使用方法、js/jquery如何获取获取父窗口的父窗口的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)