
js对象转jQuery对象,$('num'),
jQuery对象转js对象,$('num')[0],或$('num').get(0)。
1.点击换行,each(),html(),attr(),每个h1标签添加一个num来实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.js"></script>
</head>
<body>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaaaaaaaaa</h1> </body>
<script>
//点击显示行号
//each循环,函数可传参i
//每个h1标签添加num属性,赋值为i+1
$('h1').each(function(i){
$(this).attr('num',i+1);
});
//点击每个h1标签,让标签内部文字变成num的值
$('h1').click(function(){
$(this).html($(this).attr('num'));
});
</script> </html>
2. 点击换行,data()方法
<script>
$('h1').each(function(i){
//data方法是生成一个标签,后面是他的值
$(this).data('num',i+1);;
});
$('h1').click(function(){
//使用data里面的num标签的值
$(this).html($(this).data('num'));
});
</script>