var foo = $('ul.first').find('.foo');...-慕课网

                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery源码解析（架构与依赖模块）

var foo = $('ul.first').find('.foo');
foo.css('background-color', 'red')
foo.find('.bar').css('background-color', 'yellow');

should be

var foo = $('ul.first');
foo.find('.foo').css('background-color', 'red')
foo.find('.bar').css('background-color', 'yellow');

chumi

2014-10-26

源自：jQuery源码解析（架构与依赖模块） 2-6

关注问题我要回答

1095

操作

收起

3 回答

wii
2014-10-28

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://img1.sycdn.imooc.com//down/540812440001e40e00000000.js" type="text/javascript"></script>
<title></title>
</head>
<body>
    
<ul class="first">
<li class="foo">list item 1</li>
<li>list item 2</li>
<li class="bar">list item 3</li>
</ul>
<ul class="second">
<li class="foo">list item 1</li>
<li>list item 2</li>
<li class="bar">list item 3</li>
</ul>

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

收起回答

moonload

代码不是这个意思，你写两行了，还没把jquery链式调用的强大功能发挥出来。使用.end(）能找到foo,不需要再写一行

2015-10-09 回复有任何疑惑可以回复我~

wii
2014-10-28

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://img1.sycdn.imooc.com//down/540812440001e40e00000000.js" type="text/javascript"></script>
<title></title>
</head>
<body>
    
<ul class="first">
<li class="foo">list item 1</li>
<li>list item 2</li>
<li class="bar">list item 3</li>
</ul>
<ul class="second">
<li class="foo">list item 1</li>
<li>list item 2</li>
<li class="bar">list item 3</li>
</ul>

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

收起回答