为了账号安全,请及时绑定邮箱和手机立即绑定

$("li").toggleClass(function(n){ return "listitem_" + n; });n 表示什么意识?

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("li").toggleClass(function(n){

return "listitem_" + n;

});

});

});

</script>

<style>

.listitem_1, .listitem_3{

color:red;

}

.listitem_0, .listitem_2{

color:blue;

}

</style>

</head>

<body>


<h1>这是一个标题</h1>

<ul>

<li>Peter</li>

<li>Lois</li>

<li>Chris</li>

<li>Stewie</li>

</ul>

<button>添加/移除列表项的类</button>


</body>

</html>


正在回答

5 回答

n 你可以看成下标  0 1 2 3,这是在给<li> 标签增加或者删除class 所对应的样式,用了一个回调函数而已

1 回复 有任何疑惑可以回复我~

谢谢,我明白啦,

0 回复 有任何疑惑可以回复我~

谢谢,我明白啦,

0 回复 有任何疑惑可以回复我~

这里n就是得到的li标签的下标的意思了

1 回复 有任何疑惑可以回复我~

像楼上说的,jq里的这个funcion是回调函数,是已经封装完的程序,我的理解它的功能就是根据填入的参数值,按照一定的方法(或者叫顺序)执行。具体里面怎么写的,可以再去了解下。用在这就是为了让程序返回listitem0,listitem1,listitem2,listitem3这四个值,因为一共就4个li,所以到3就停了。再加上.toggleclass()方法,实现添加删除类名这样一个操作

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

$("li").toggleClass(function(n){ return "listitem_" + n; });n 表示什么意识?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信