jquery中的函数问题

svasvasdvasdv 2013-03-22 11:05:50

1.请问:eq()与.eq()有什么不同？为什么有这两种方式？分别用于哪里？
2.为什么这个程序不能运行？
原意：表格中双行就显示CSS背景色，单行就没有背景色



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery_included/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

$(function() {

	$trs = $('#tb tbody').first().children();

	

	for ($i = 0; $i < $trs.length; $i++)

		if ($trs.eq($i) % 2 == 0)

			$trs.eq($i).css('background-color', '#888');

});

</script>

</head>



<body>

	<table id="tb">

    	<tbody>

        	<tr>

            	<td>第一行</td>

                <td>第一行</td>

            </tr>

            <tr>

            	<td>第二行</td>

                <td>第二行</td>

            </tr>

            <tr>

            	<td>第三行</td>

                <td>第三行</td>

            </tr>

            <tr>

            	<td>第四行</td>

                <td>第四行</td>

            </tr>

            <tr>

            	<td>第五行</td>

                <td>第五行</td>

            </tr>

            <tr>

            	<td>第六行</td>

                <td>第六行</td>

            </tr>

        </tbody>

    </table>

</body>

</html>

...全文

258 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

svasvasdvasdv 2013-03-23

打赏
举报

引用 3 楼 jslang 的回复:

:eq()是选择器，如$("td:eq(2)") .eq()是方法$("td").eq(2) 作用一样，形式不同

不过两种作用都一样，为什么不一种形式就够呢？搞那么多种形式出来干嘛哩？

svasvasdvasdv 2013-03-23

打赏
举报

哦。。原来如此。。。谢谢了

天际的海浪 2013-03-22

打赏
举报

要表格中双行就显示CSS背景色，单行就没有背景色，只要一行

$(function() {
	$('#tb tr:even').css('background-color', '#888');
});

天际的海浪 2013-03-22

打赏
举报

:eq()是选择器，如$("td:eq(2)") .eq()是方法$("td").eq(2) 作用一样，形式不同

天际的海浪 2013-03-22

打赏
举报


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
$(function() {
	$trs = $('#tb tr');
	for ($i = 0; $i < $trs.length; $i++)
		if ($i % 2 == 0)
			$trs.eq($i).css('background-color', '#888');
});
</script>
</head>

<body>
	<table id="tb">
    	<tbody>
        	<tr>
            	<td>第一行</td>
                <td>第一行</td>
            </tr>
            <tr>
            	<td>第二行</td>
                <td>第二行</td>
            </tr>
            <tr>
            	<td>第三行</td>
                <td>第三行</td>
            </tr>
            <tr>
            	<td>第四行</td>
                <td>第四行</td>
            </tr>
            <tr>
            	<td>第五行</td>
                <td>第五行</td>
            </tr>
            <tr>
            	<td>第六行</td>
                <td>第六行</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

svasvasdvasdv 2013-03-22