<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="one" class="level-1"> <li class="item-i">I</li> <li id="ii" class="item-ii">II <ul class="level-2"> <li class="item-a">A</li> <li class="item-b">B <ul class="level-3"> <li class="item-1">1</li> <li class="item-2">2</li> <li class="item-3">3</li> </ul> </li> <li class="item-c">C</li> </ul> </li> <li class="item-iii">III</li> </ul> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script> <script> // closest 从元素本身开始，在DOM 树上逐级向上级元素匹配，并返回最先匹配的祖先元素 console.log($(‘.item-a‘).closest(‘ul‘).attr(‘class‘)) // level-2 console.log($(‘.item-a‘).closest(‘li‘).attr(‘class‘)) // item-a console.log($(‘.item-a‘).parents().length) // 5 </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" value="Some text"> <div></div> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script> <script> $(‘input‘).select(function() { $(‘div‘).text(‘Somethind was selected‘).show().fadeOut(1000) }) </script> </body> </html>
【jQuery】jQuery API 过 一 遍,布布扣,bubuko.com
原文：http://www.cnblogs.com/jzm17173/p/3615236.html