1. 对于 jQuery 对象的变量使用 $ 作为前缀 ```javascript // bad const sidebar = $(‘.sidebar’);

    // good const $sidebar = $(‘.sidebar’);

    // good const $sidebarBtn = $(‘.sidebar-btn’);

    2. 2. 缓存 jQuery 查询
    3. ```javascript
    4. // bad
    5. function setSidebar() {
    6.   $('.sidebar').hide();
    8.   // ...
    10.   $('.sidebar').css({
    11.     'background-color': 'pink',
    12.   });
    13. }
    15. // good
    16. function setSidebar() {
    17.   const $sidebar = $('.sidebar');
    18.   $sidebar.hide();
    20.   // ...
    22.   $sidebar.css({
    23.     'background-color': 'pink',
    24.   });
    25. }
    1. 对于有作用域的 jQuery 对象查询使用 find ```javascript // bad $(‘ul’, ‘.sidebar’).hide();

    // bad $(‘.sidebar’).find(‘ul’).hide();

    // good $(‘.sidebar ul’).hide();

    // good $(‘.sidebar > ul’).hide();

    // good $sidebar.find(‘ul’).hide(); ```