====== Advanced jQuery Techniques ======

==== Chaining Methods ====

<code>
$("#box").css("color", "red").slideUp(1000).slideDown(1000);
</code>

==== Deferred Objects and Promises ====
<code>
$.when($.ajax("https://api.example.com/data"), $.ajax("https://api.example.com/info"))
    .done(function(response1, response2) {
        console.log("Both requests completed successfully");
    })
    .fail(function() {
        console.log("An error occurred");
    });
</code>

==== Performance Optimization Tips ====

  * **Use Event Delegation:**
<code>
$("#parent").on("click", "button", function() {
    alert("Efficient event handling!");
});
</code>

  * **Minimize DOM Manipulations: Store selections in variables.**
<code>
var $box = $("#box");
$box.css("background", "blue").fadeIn(500);
</code>

  * **Use ''.data()'' Instead of ''.attr()'' for Performance**

<code>
$("#element").data("key", "value");
</code>