本文主要给大家介绍了关于jquery中封装函数传递当前元素的方法,文中给出了详细的示例代码,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。希望能帮助到大家。最近在工作中遇到一个问题,需要对页面上一组元素进行ajax操作,结构如下:<p id="aid"></p> <p id="aid"></p> <p id="aid"></p> <p id="aid"></p> <p id="stop">Stop here</p> <p id="aid"></p> <p id="aid"></p> <p id="aid"></p>编写遍历函数function ...
JavaScript代码
$("li").hover(function(){
alert($("li").index(this));
}); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行].index函数还是很好用的。它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢? 例如,我们通过 $('li:eq(1)') 选中了以下代码中的第二个li元素。 代码如下: link selected link link link 基于这个选中的元素,我们可以进一步遍历其他元素 下一个元素 $('li:eq(1)').next() 前一个元素 $('li:eq(1)').prev() 父元素 $('li:eq(1)').parent() 所有兄弟元素 $('li:eq(1)').parent().children() 所有后续兄弟元...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下:
今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下:思路:
页面部分当为当前状态的时候,会添加“active”样式。
通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来。
解决:
通过jquery的 index() 可以很轻松的实现该效果。
代码如下:
HTML:1 2 3 4 5 JavaScript:var carou...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多,...
最近在工作中遇到一个问题,需要对页面上一组元素进行ajax操作,结构如下:
<div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="stop">Stop here</div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> 编写遍历函数
function a() {$(div).each(function () {var that = $(this);var id = that.attr(id);b(id, that)})} 首先执行函数 a() 遍历每个元素,然后执行b(...
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true
is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断。如: ":checked,:hidden"等等。给个例子:
<head><script src="jquery-1.7.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$(":button").click(function () {if ($(this).is(":button")) {aler...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多,...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下:
今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下:思路:
页面部分当为当前状态的时候,会添加“active”样式。
通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来。
解决:
通过jquery的 index() 可以很轻松的实现该效果。
代码如下:
HTML:
<div id="carousel"> <div id="car...
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢? 例如,我们通过 $('li:eq(1)') 选中了以下代码中的第二个li元素。 代码如下:<ul> <li><a href="#">link</a></li> <li><a href="#">selected link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> 基于这个选中的元素,我们可以进一步遍历其他元素 下一个元素 $(li:eq(1)).next() 前一个元素 $(li:e...
JavaScript代码
$("li").hover(function(){
alert($("li").index(this));
}); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行].index函数还是很好用的。它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。
?<button id="test" class="example whatever">Show classes</button>?????????????????????????????????????????????$('button').click(function(){var classes = $(this).attr('class');alert(classes);
});?上面的代码返回class属性的内容.我怎样才能让它返回格式化的类?
例如,在这种情况下,我希望变量类的值为.example.whatever而不是示例.
我搜索过,似乎提供的唯一解决方案是我上面演示的代码.解决方法:我对此非常不安,因为用...